.ph{--ph-orange:#ff6a00;--ph-ink:#17191c;--ph-muted:#626a73;--ph-line:#e3e6e9;color:var(--ph-ink);font-family:inherit;line-height:1.6}.ph *{box-sizing:border-box}.ph [hidden]{display:none!important}.ph h2,.ph h3,.ph p{margin:0}.ph h2{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.25;letter-spacing:-.035em}.ph h3{font-size:1.1rem;line-height:1.4}.ph button,.ph input{font:inherit}.ph svg{width:1.15em;height:1.15em;flex-shrink:0}.ph-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:22px}.ph-heading p{color:var(--ph-muted);max-width:64ch;margin-top:8px}.ph-eyebrow{display:block;color:#a64200;font-size:.73rem;font-weight:800;letter-spacing:.11em;margin-bottom:8px}.ph-connections,.ph-model-picker{background:#fff;border:1px solid var(--ph-line);border-top:3px solid var(--ph-orange);border-radius:18px;padding:clamp(20px,3vw,32px)}.ph-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:11px 17px;background:var(--ph-orange);color:var(--ph-ink);font-weight:750;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;min-height:44px;text-decoration:none}.ph-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 #17191c}.ph-button--secondary{background:#fff;border-color:var(--ph-ink)}.ph-button--quiet{background:transparent;border-color:var(--ph-line);white-space:nowrap}.ph-button--danger{background:#fff;color:#9b3025;border-color:#ddb2ac}.ph button:disabled{cursor:not-allowed;opacity:.52;transform:none;box-shadow:none}.ph :focus-visible{outline:3px solid #175bd4;outline-offset:3px}.ph-status{color:#84512d;font-size:.88rem;padding:0;overflow-wrap:anywhere}.ph-status:not(:empty){padding:12px 14px;margin:12px 0;background:#fff2e8;border-left:3px solid var(--ph-orange);border-radius:0 10px 10px 0}.ph-status--error:not(:empty){color:#912a23;background:#fff0ed;border-left-color:#b23d31}.ph-connection-list{display:grid;gap:12px}.ph-connection{padding:18px;border:1px solid var(--ph-line);border-radius:12px;background:#fff}.ph-connection__head{display:flex;align-items:start;justify-content:space-between;gap:14px}.ph-connection__head p{font-size:.83rem;color:var(--ph-muted);overflow-wrap:anywhere}.ph-connection__head strong{font-size:1rem}.ph-tag{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #e1a06f;background:#fff0e4;border-radius:6px;color:#914000;font-size:.73rem;font-weight:750;white-space:nowrap}.ph-tag--muted{color:#626a73;background:#f2f4f5;border-color:#d6dce1}.ph-muted{color:var(--ph-muted);font-size:.82rem;margin-top:9px!important;overflow-wrap:anywhere}.ph-actions{display:flex;align-items:start;gap:14px;flex-wrap:wrap;margin-top:14px}.ph-disable{font-size:.8rem;max-width:420px;padding-top:10px}.ph-disable summary,.ph-create summary,.ph-advanced summary{cursor:pointer;font-weight:700}.ph-disable p{margin:10px 0}.ph-disable summary{color:var(--ph-muted)}.ph-empty{border:1px dashed #c8cdd2;background:#fafafa;border-radius:12px;padding:24px}.ph-empty strong{display:block}.ph-empty p{font-size:.87rem;color:var(--ph-muted);margin-top:6px}.ph-create{border-top:1px solid var(--ph-line);padding-top:20px;margin-top:22px}.ph-create summary{font-size:1rem}.ph-create form{padding-top:18px}.ph-field{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.86rem;margin-bottom:17px}.ph-field input{width:100%;min-height:46px;border:1px solid #d8dde2;border-radius:9px;background:#fff;color:var(--ph-ink);padding:11px 13px}.ph-field input::placeholder{color:#77808a;font-weight:400}.ph-form-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.ph-create .ph-button{margin-top:17px}.ph-model-feature{display:flex;align-items:start;gap:17px;background:linear-gradient(120deg,#fff0e3,#fff 75%);border:1px solid #f0b789;border-radius:14px;padding:22px}.ph-model-feature>div{flex:1;min-width:0}.ph-model-feature strong{display:block;overflow-wrap:anywhere;font-size:1.2rem;line-height:1.35}.ph-model-feature code{display:block;color:#66707a;font-size:.75rem;overflow-wrap:anywhere;margin-top:5px}.ph-model-feature p{color:var(--ph-muted);font-size:.85rem;margin-top:9px}.ph-model-symbol{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:var(--ph-orange);border:2px solid var(--ph-ink);border-radius:9px;box-shadow:3px 3px 0 var(--ph-ink);transform:rotate(-5deg)}.ph-model-symbol svg{width:25px;height:25px}.ph-advanced{margin-top:20px;border-top:1px solid var(--ph-line);padding-top:17px}.ph-advanced summary{font-size:.88rem}.ph-advanced>.ph-field{margin-top:18px}.ph-model-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding:3px}.ph-model-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;border:1px solid var(--ph-line);border-radius:10px;background:#fff;color:var(--ph-ink);padding:13px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ph-model-choice>span:first-child{min-width:0}.ph-model-choice strong,.ph-model-choice code,.ph-model-choice small{display:block;overflow-wrap:anywhere}.ph-model-choice strong{font-size:.88rem}.ph-model-choice code,.ph-model-choice small{font-size:.76rem;font-weight:400;color:var(--ph-muted)}.ph-model-choice:hover:not(:disabled){border-color:var(--ph-orange);transform:translateX(2px)}.ph-model-choice[aria-pressed=true]{border-color:#d65200;background:#fff0e4;box-shadow:inset 3px 0 0 var(--ph-orange)}.ph-choice-check{flex-shrink:0;font-size:.75rem;font-weight:750;color:#a44200}.ph-guide{background:#fff;border:1px solid var(--ph-line);border-radius:20px;overflow:hidden}.ph-guide__intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:28px 32px;border-bottom:1px solid var(--ph-line)}.ph-guide__intro img{display:block;width:100%;height:auto;max-height:235px;object-fit:contain;animation:ph-arrive .45s ease both}.ph-guide__intro h2{max-width:19ch}.ph-steps{list-style:none;margin:0;padding:26px 32px;display:grid;gap:22px}.ph-steps li{display:flex;align-items:start;gap:17px}.ph-step-number{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid var(--ph-ink);border-radius:50%;background:var(--ph-orange);font-size:.76rem;font-weight:800;box-shadow:2px 2px 0 var(--ph-ink)}.ph-steps p{color:var(--ph-muted);font-size:.88rem;margin-top:5px}.ph-guide-notes{background:#f6f7f8;padding:20px 32px;display:grid;gap:12px;font-size:.8rem;color:var(--ph-muted)}.ph-guide-notes strong{color:var(--ph-ink)}.ph-guide--compact .ph-guide__intro{grid-template-columns:1fr 140px;padding:20px}.ph-guide--compact .ph-steps{padding:20px;gap:16px}.ph-guide--compact .ph-guide-notes{padding:18px 20px}.ph-guide--compact h2{font-size:1.25rem}.ph-guide--compact h3{font-size:.95rem}@keyframes ph-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.ph-guide-page{margin:0;background:#f4f5f6;color:#17191c;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.ph-guide-page__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid #dfe3e7;background:#fff}.ph-guide-page__brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.1rem;color:#17191c;text-decoration:none}.ph-guide-page__brand img{width:36px;height:36px;border-radius:9px}.ph-guide-page__back{color:#8f3b00;font-size:.87rem}.ph-guide-page__main{max-width:1224px;padding:48px 32px 70px;margin:auto}.ph-guide-page__main>h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.05em;margin:8px 0 16px;max-width:18ch}.ph-guide-page__lead{color:#626a73;margin:0 0 30px;max-width:70ch}.ph-guide-page__jump{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.ph-guide-page__content{display:grid;gap:28px}.ph-guide-page__foot{padding:25px 0 0;color:#626a73;font-size:.85rem}.ph-guide-page section[id]{scroll-margin-top:24px}
.ph-preview-notice{padding:12px 18px!important;background:#fff0e4;color:#803c0d;font-size:.84rem;border-bottom:1px solid #f0c19d}.ph-guide-page__main>.ph-preview-notice{margin-bottom:28px;border:1px solid #f0c19d;border-left:4px solid var(--ph-orange);border-radius:10px}.ph-guide-art{position:relative;isolation:isolate;aspect-ratio:3/2;width:100%;max-width:352px;justify-self:center;animation:ph-arrive .45s ease both}.ph-guide-art::before{content:"";position:absolute;inset:13% 24%;border-radius:50%;background:#fff1e7;z-index:-1}.ph-guide__intro .ph-guide-art__base{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;z-index:1;animation:none}.ph-guide__intro .ph-guide-art__badge{position:absolute;left:36%;top:10%;width:27%;height:72%;max-height:none;object-fit:contain;z-index:2;filter:drop-shadow(4px 7px 0 #191d1e12);transform:rotate(-5deg);animation:none}.ph-connection-catalog{margin-top:14px;font-size:.85rem}.ph-connection-catalog summary{cursor:pointer;font-weight:700;color:#934000}.ph-connection-catalog ul{list-style:none;display:grid;gap:9px;max-height:240px;overflow:auto;margin:12px 0 0;padding:2px}.ph-connection-catalog li{padding:10px 12px;border:1px solid var(--ph-line);border-radius:8px;overflow-wrap:anywhere}.ph-connection-catalog strong,.ph-connection-catalog code,.ph-connection-catalog small{display:block}.ph-connection-catalog code,.ph-connection-catalog small{font-size:.76rem;color:var(--ph-muted)}
@media(max-width:680px){.ph-guide-art{max-width:270px}.ph-heading{flex-direction:column;gap:12px}.ph-form-grid{grid-template-columns:1fr;gap:0}.ph-model-feature{padding:17px;gap:13px;flex-wrap:wrap}.ph-model-feature>.ph-tag{margin-left:57px}.ph-guide__intro,.ph-guide--compact .ph-guide__intro{grid-template-columns:1fr;padding:22px}.ph-guide__intro img{max-height:180px}.ph-guide__intro h2{max-width:none}.ph-steps{padding:22px}.ph-guide-notes{padding:20px 22px}.ph-guide-page__main{padding:30px 18px 45px}.ph-guide-page__bar{padding:17px 18px}.ph-button{max-width:100%}.ph-connection__head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ph *, .ph *::before,.ph *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ph-button:hover:not(:disabled),.ph-model-choice:hover:not(:disabled){transform:none}}