:root{--bg:#fff9f2;--paper:#fffdf8;--ink:#1e2a36;--muted:#65717f;--line:#f0dac3;--orange:#ff8a1d;--orange2:#ffbd59;--teal:#20c7ba;--teal2:#dffcf7;--graphite:#26344f;--soft:#fff2df;--panel:rgba(255,255,255,.86);--shadow:0 24px 70px rgba(128,73,18,.14);--small-shadow:0 12px 30px rgba(128,73,18,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffaf4,var(--bg));color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.68;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.35rem,6.2vw,5.6rem);line-height:1.03;letter-spacing:0;margin-bottom:18px}h2{font-size:clamp(1.5rem,3vw,2.55rem);line-height:1.13;letter-spacing:0;margin-bottom:12px}h3{font-size:1.05rem;line-height:1.35;letter-spacing:0;margin-bottom:8px}p{color:var(--muted)}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.oc-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:13px clamp(16px,4vw,58px);background:rgba(255,249,242,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.oc-brand{display:flex;align-items:center;gap:12px;min-width:0}.oc-brand strong{white-space:nowrap}.oc-mark{width:38px;height:38px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:rotate(-4deg)}.oc-mark i{display:block;border-radius:5px;background:linear-gradient(180deg,#fff,#ffd09b);border:1px solid #ffbf73}.oc-mark i:nth-child(2),.oc-mark i:nth-child(3){background:linear-gradient(180deg,#e5fffb,#fff);border-color:#9eece4}.oc-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.oc-nav a{padding:8px 9px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-weight:850;font-size:.92rem}.oc-nav a:hover,.oc-nav a[aria-current=page]{color:var(--ink);background:var(--panel);border-color:var(--line)}.oc-menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);place-items:center;gap:4px;box-shadow:var(--small-shadow);cursor:pointer}.oc-menu span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
.oc-hero{position:relative;min-height:min(820px,calc(100svh - 70px));display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);align-items:end;gap:30px;padding:58px clamp(16px,5vw,78px) 34px;overflow:hidden;border-bottom:1px solid var(--line)}.oc-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.oc-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,244,.96) 0%,rgba(255,250,244,.82) 42%,rgba(255,250,244,.18) 100%);z-index:-1}.oc-hero-copy{max-width:940px;align-self:center}.oc-kicker{font-size:.77rem;letter-spacing:0;text-transform:uppercase;font-weight:950;color:var(--orange);margin-bottom:12px}.oc-lead{font-size:clamp(1rem,1.6vw,1.22rem);max-width:790px;color:#52606f}.oc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.oc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:8px;background:var(--graphite);color:#fff;border:1px solid var(--graphite);font-weight:900}.oc-button-soft{background:rgba(255,255,255,.88);color:var(--graphite);border-color:var(--line);backdrop-filter:blur(10px)}.oc-spark-panel{display:grid;gap:10px;max-width:460px;margin-left:auto}.oc-spark-panel a{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;min-height:96px;background:rgba(255,255,255,.88);border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:8px;padding:15px;box-shadow:var(--small-shadow);backdrop-filter:blur(12px)}.oc-spark-panel a:nth-child(2){border-left-color:var(--teal)}.oc-spark-panel strong{grid-row:span 2;font-size:2.2rem;line-height:1;color:var(--orange)}.oc-spark-panel span{font-weight:950}.oc-spark-panel small{color:var(--muted);font-size:.9rem}
.oc-quick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:14px clamp(16px,5vw,78px);background:#fff;border-bottom:1px solid var(--line)}.oc-quick a{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#fff8f0);font-weight:900}.oc-quick b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:6px;background:var(--soft);color:var(--orange);font-size:.78rem}.oc-section,.oc-inner{max-width:1370px;margin:0 auto;padding:72px clamp(16px,5vw,78px)}.oc-section-head{max-width:830px;margin-bottom:28px}.oc-check-grid,.oc-device-grid,.oc-peak-grid,.oc-support-grid,.oc-linked-panels,.oc-plan-grid{display:grid;gap:12px}.oc-check-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-check-grid article,.oc-device-card,.oc-peak-grid article,.oc-support-grid article,.oc-linked-panels article,.oc-plan-grid article,.oc-source-panel,.oc-faq details,.oc-node-table article,.oc-text-sheet{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--small-shadow)}.oc-cube{display:block;width:42px;height:42px;margin-bottom:14px;border-radius:7px;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:inset -9px -9px 0 rgba(129,62,0,.16),0 0 0 5px #fff2df}.oc-check-grid a,.oc-linked-panels a,.oc-text-link{display:inline-flex;margin-top:8px;color:var(--orange);font-weight:950}.oc-band{background:linear-gradient(135deg,#fffdf8,#ecfffb);border-block:1px solid var(--line);padding:76px clamp(16px,5vw,78px)}.oc-band-inner{max-width:1370px;margin:0 auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:36px;align-items:start}.oc-device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-device-page{margin-top:28px}.oc-device-card span{display:inline-flex;padding:5px 8px;border-radius:7px;background:var(--teal2);color:#08796f;font-size:.78rem;font-weight:950;margin-bottom:12px}.oc-device-card ul{margin:12px 0 0;padding-left:20px;color:var(--muted)}.oc-node-section{padding-top:84px}.oc-node-table{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.oc-node-table article{position:relative;overflow:hidden}.oc-node-table article:before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--orange),var(--teal));margin:-18px -18px 15px}.oc-node-table strong{display:block;font-size:1.03rem;margin-bottom:8px}.oc-node-table small{display:block;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}.oc-peak-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-peak-grid b{display:block;width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--teal),#eafffb);box-shadow:inset -8px -8px 0 rgba(4,113,105,.13);margin-bottom:14px}.oc-status{padding-top:24px}.oc-status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.oc-status-grid span{display:grid;place-items:center;min-height:58px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--graphite);font-weight:900;text-align:center;padding:8px}.oc-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-plan-grid span{font-weight:950;color:var(--orange)}.oc-plan-grid small{display:block;color:var(--muted);margin-top:10px}.oc-source-panel{max-width:930px;margin:0 auto}.oc-source-panel ol{margin:0 0 12px;padding-left:22px;color:var(--ink);font-weight:800}.oc-linked-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-support-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.oc-article-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--small-shadow);display:flex;flex-direction:column}.oc-article-pixel{display:block;width:58px;height:42px;border-radius:7px;margin-bottom:12px;background:linear-gradient(135deg,var(--tone),#fff1d7);box-shadow:inset -12px -12px 0 rgba(38,52,79,.12),16px 8px 0 #eafffb,32px 18px 0 #fff2df}.oc-article-grid div{padding:15px;display:flex;flex-direction:column;flex:1}.oc-article-grid span{color:var(--orange);font-weight:950;font-size:.82rem}.oc-article-grid time{font-size:.82rem;color:var(--muted);margin:5px 0 10px}.oc-article-grid h3{font-size:1rem}.oc-article-grid p{font-size:.92rem;margin-bottom:0}.oc-help-layout{grid-template-columns:330px minmax(0,1fr)}.oc-faq-wrap>h2{font-size:1.22rem}.oc-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oc-faq summary{cursor:pointer;font-weight:950}.oc-faq p{margin:10px 0 0}.oc-inner-hero{padding:24px 0 34px;border-bottom:1px solid var(--line);margin-bottom:30px}.oc-inner-hero h1{font-size:clamp(2.1rem,5vw,4.3rem);max-width:1080px}.oc-inner-hero p{max-width:880px;font-size:1.08rem}.oc-text-sheet{max-width:930px;margin:0 auto}.oc-text-sheet p{font-size:1.02rem}.oc-article{padding:52px clamp(16px,5vw,78px) 76px}.oc-article-body{max-width:930px;margin:0 auto}.oc-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin-bottom:22px}.oc-article-body time{display:inline-block;color:var(--muted);margin-right:12px}.oc-article-tag{display:inline-flex;padding:4px 9px;border-radius:7px;background:var(--soft);color:var(--orange);font-weight:950;font-size:.82rem}.oc-article-body h1{font-size:clamp(2.15rem,5.2vw,4.25rem);line-height:1.05;margin-top:14px}.oc-article-lead{font-size:1.16rem;color:var(--ink)}.oc-article-figure{margin:28px 0}.oc-article-figure img{width:100%;border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow)}.oc-article-body section{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.oc-related{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:30px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.oc-related h2{font-size:1rem;margin:0 8px 0 0}.oc-related a{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-weight:850}.oc-footer{background:#172132;color:#fff;padding:44px clamp(16px,5vw,78px) 22px}.oc-footer-grid{max-width:1370px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px}.oc-footer h2{font-size:1rem;color:#fff}.oc-footer p,.oc-footer a{color:#d4deea}.oc-footer a{display:block;margin:6px 0}.oc-footer-note{max-width:1370px;margin:28px auto 0;color:#adbac9;font-size:.9rem}
@media (max-width:1120px){.oc-hero{grid-template-columns:1fr;min-height:auto}.oc-spark-panel{margin-left:0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.oc-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-check-grid,.oc-device-grid,.oc-node-table,.oc-support-grid,.oc-plan-grid,.oc-article-grid,.oc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-band-inner,.oc-help-layout{grid-template-columns:1fr}.oc-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-peak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){body{overflow-x:hidden}.oc-header{padding:12px 16px}.oc-brand strong{max-width:52vw;overflow:hidden;text-overflow:ellipsis}.oc-menu{display:grid}.oc-nav{position:absolute;top:64px;left:12px;right:12px;display:none;grid-template-columns:1fr;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:var(--shadow)}.oc-nav.is-open{display:grid}.oc-nav a{padding:12px}.oc-hero{padding:240px 16px 18px}.oc-hero-art{height:240px;bottom:auto;object-position:center center}.oc-hero:after{background:linear-gradient(180deg,rgba(255,249,242,.05) 0 174px,rgba(255,249,242,.8) 240px,var(--bg) 310px)}.oc-actions{display:grid}.oc-button{width:100%}.oc-spark-panel,.oc-quick,.oc-check-grid,.oc-device-grid,.oc-node-table,.oc-peak-grid,.oc-support-grid,.oc-linked-panels,.oc-plan-grid,.oc-status-grid,.oc-article-grid,.oc-faq,.oc-footer-grid{grid-template-columns:1fr}.oc-spark-panel a{min-height:auto}.oc-section,.oc-inner,.oc-band,.oc-article{padding-left:16px;padding-right:16px}.oc-quick{padding-left:16px;padding-right:16px}.oc-article-grid article{min-height:0}.oc-related{display:grid}.oc-related h2{margin:0}.oc-check-grid article,.oc-device-card,.oc-peak-grid article,.oc-support-grid article,.oc-linked-panels article,.oc-plan-grid article,.oc-source-panel,.oc-faq details,.oc-node-table article,.oc-text-sheet{padding:16px}}