/* V22.3 — richer materials, authentic brand assets, dual appearance. */
:root{--premium-bg:#f1f6fc;--premium-card:#fff;--premium-ink:#173951;--premium-muted:#647f96;--premium-line:#cbdde9;--premium-accent:#4388d3}
.appearance-control{position:fixed;left:20px;bottom:18px;z-index:10050;display:flex;gap:3px;padding:5px;background:#ffffffed;border:1px solid #c5dae8;box-shadow:0 4px 24px #29495b18;border-radius:24px;color:#3f6178}.appearance-control button{display:flex;gap:5px;align-items:center;justify-content:center;border:0!important;background:transparent!important;color:inherit!important;border-radius:18px;min-height:34px;min-width:53px;padding:6px 9px;font-size:12px;cursor:pointer}.appearance-control button[aria-pressed=true]{background:#dceefb!important;color:#1f70a8!important}.appearance-control button:focus-visible{outline:2px solid #40abd0;outline-offset:2px}
.portal-art{height:290px;margin:14px 16px 0;border:0;isolation:isolate}.portal-card{box-shadow:0 18px 55px #3460860d;border-color:#cbdde9;background:linear-gradient(145deg,#fff,#f4f8fd);border-radius:25px}.portal-copy{padding:27px 30px}.portal-copy h3{color:#1d405e;font-size:27px}.portal-copy p{color:#698197}.portal-art>img.visual-cover{width:100%;height:100%;object-fit:cover;display:block}.portal-art:after{content:'';position:absolute;inset:0;border:1px solid #fff6;border-radius:inherit;pointer-events:none}.art-caption{position:absolute;bottom:17px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;color:#345f7d;z-index:2}.art-caption span{padding:8px 11px;background:#ffffffe8;border:1px solid #fff9;border-radius:20px;box-shadow:0 4px 15px #25435c12}.design-art .visual-cover{object-position:center}.photo-art{background:radial-gradient(ellipse at 20% 20%,#d4effd,#c8d8f2 65%,#dfd8ef)}.portrait-frame{position:absolute;left:50%;top:20px;width:158px;height:226px;padding:7px 7px 22px;background:#fff;transform:translateX(-50%) rotate(-5deg);border-radius:5px;box-shadow:0 17px 28px #2d4e7d40;z-index:2}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.portrait-frame:after{content:'35 × 49 mm';position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;color:#8b9cae;letter-spacing:2px}.portrait-back{transform:translateX(-36%) rotate(9deg);background:#e5e9f5;z-index:1}.photo-art .retouch-ui{position:absolute;left:24px;top:25px;display:grid;gap:9px;width:90px}.retouch-ui span{background:#faffffcf;border:1px solid #fff8;border-radius:8px;padding:10px;color:#46748f;font-size:9px}.photo-options{z-index:3;bottom:16px}.nodes-art{background:#101d33}.nodes-art .visual-cover{opacity:.82;object-position:left center}.workflow-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c1b39d9,transparent 70%)}.nodes-art .art-caption{color:#effaff}.nodes-art .art-caption span{background:#112c4ae8;border-color:#6e9ab44f}.property-art .visual-cover{object-position:center}.software-flow{gap:0;border:1px solid #c3d9e8;border-radius:23px;overflow:hidden;background:linear-gradient(130deg,#ffffffd9,#edf6ffb3);box-shadow:0 22px 60px #31577b0b}.software-flow>a{border:0;border-right:1px solid #c9deeb;background:transparent;border-radius:0;position:relative;padding:31px 13px}.software-flow>a:last-child{border:0}.software-logo{background:transparent!important;border:0!important;box-shadow:none!important;width:62px;height:62px;border-radius:0;margin-bottom:22px}.software-logo img{width:100%;height:100%;object-fit:contain}.app-icon.real-brand{background:#fff!important;padding:7px;border-radius:12px!important;box-shadow:0 6px 14px #102a4113}.app-icon.real-brand img{width:100%;height:100%;object-fit:contain;display:block}.software-flow h3{font-size:15px;color:#234863}.software-flow p{color:#7892a8}.resource-grid a{position:relative;overflow:hidden;padding:25px;background:linear-gradient(135deg,#fff,#eaf3fd);border:1px solid #c3d9e8;box-shadow:0 10px 35px #355e8510;transition:transform .2s}.resource-grid a:hover{transform:translateY(-4px)}.resource-art{height:100px;margin:-25px -25px 23px;background:linear-gradient(135deg,#bcdceb,#dcd6f1);position:relative;overflow:hidden;display:grid;place-items:center}.resource-art svg{width:90px;height:90px;stroke:#387895;fill:none;stroke-width:1.2}.resource-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 17px,#ffffff21 17px 18px)}.resource-art img{max-width:65px;max-height:65px;object-fit:contain}.resource-grid h3{color:#274d6a;margin-top:18px}.brand-orbit{height:380px;border:1px solid #d3e4ef;border-radius:28px;background:radial-gradient(ellipse at 50% 60%,#c7eff9,#f0f6ff 65%);overflow:hidden;isolation:isolate}.brand-orbit:before{width:230px;height:230px;z-index:-1;background:radial-gradient(circle at 25% 22%,#fff,#aee8f6 32%,#70a2d7 67%,#b3a1de);box-shadow:inset -20px -14px 30px #38679755,0 20px 55px #5f8cb72b}.brand-orbit>img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 8px 8px #304d7230);margin-bottom:10px}.brand-orbit>i{width:440px;height:140px;border-color:#70a9ca;box-shadow:0 0 0 8px #f7ffff14,0 0 0 20px #77acc210}.brand-orbit b{font-size:25px;color:#234f72;letter-spacing:7px}.brand-orbit:after{content:'';position:absolute;inset:20px;background:radial-gradient(circle at 18% 22%,#fff 0 2px,transparent 3px),radial-gradient(circle at 85% 72%,#a1a3df 0 3px,transparent 4px),radial-gradient(circle at 72% 14%,#68c6d8 0 4px,transparent 5px);pointer-events:none}
/* Inner pages: stronger editorial hierarchy and matching visual layers. */
body.ice-site .design-console{box-shadow:0 28px 70px #234b7526!important;border-color:#abc9df!important;transform:rotate(-1deg)!important}.design-console .console-stage{height:310px!important}.design-console .console-stage img{height:100%;width:100%;object-fit:cover}.design-console .console-label{letter-spacing:2px;font-size:9px!important}.ice-site .media-card{overflow:hidden!important;box-shadow:0 15px 42px #2c527d13!important}.ice-site .media-image{min-height:210px}.ice-site .media-image img{height:100%;object-fit:cover}.ice-site .pipeline-grid article{padding:28px!important;border-top:3px solid #80badb!important}.ice-site .pipeline-grid em{font-size:30px!important;color:#6b9dbb!important}.ice-site :is(.page-box,.account-card,.login-card){box-shadow:0 28px 85px #23527b1c!important;border-color:#bbd3e5!important}.ice-site .page-box{position:relative;overflow:hidden}.page-visual{float:right;width:43%;height:260px;object-fit:cover;border-radius:20px;margin:0 0 28px 35px;box-shadow:0 15px 35px #274d7d20}.ice-site .page-box>h1{position:relative}.ice-site .page-box .buttons{position:relative}.ice-site .video-hero{background-image:radial-gradient(ellipse at 20% 20%,#d1eaffaa,transparent 50%),linear-gradient(130deg,#f1f8ff,#ebeafa)!important}.ice-site .comfy-canvas{box-shadow:0 30px 70px #253c7421!important}.ice-site .download-grid article{position:relative;padding-top:27px!important;border-top:3px solid #7fb7d5!important}.ice-site .lesson-grid article{overflow:hidden}.ice-site :is(.account-shell,.login-layout){background:radial-gradient(ellipse at 15% 25%,#d6f0ff99,transparent 50%),radial-gradient(ellipse at 90% 50%,#dfd5ff88,transparent 50%)}
@media(max-width:850px){.portal-art{height:255px}.portal-copy{padding:24px}.portal-copy h3{font-size:24px}.retouch-ui{left:15px!important;width:65px!important}.retouch-ui span{padding:8px;font-size:8px}.portrait-frame{left:59%;width:143px;height:205px;top:16px}.software-flow{gap:0;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:19px}.software-flow>a{padding:25px 12px;border-bottom:1px solid #c9deeb}.software-flow>a:nth-child(even){border-right:0}.software-flow>a:last-child{padding:20px 24px;grid-template-columns:55px 1fr}.software-flow>a:last-child .software-logo{width:44px;height:44px}.software-logo{width:48px;height:48px}.resource-art{height:80px}.brand-orbit{height:300px}.brand-orbit:before{width:205px;height:205px}.brand-orbit>i{width:350px}.brand-orbit>img{width:85px;height:85px}.appearance-control{left:10px;bottom:12px;padding:4px}.appearance-control button{min-width:37px;min-height:33px;padding:6px}.appearance-control span{display:none}.page-visual{float:none;width:100%;height:210px;margin:0 0 25px}.design-console .console-stage{height:250px!important}.ice-site .design-console{transform:none!important}}
/* Night: actual palette, not inversion; retain original logo/photography colors. */
html[data-theme=dark]{color-scheme:dark;--premium-bg:#08101e;--premium-card:#111d30;--premium-ink:#e6f1ff;--premium-muted:#9aaec5;--premium-line:#29435e;--ink:#deedff;--muted:#9cacc1;--line:#2c4058}
html[data-theme=dark] body,html[data-theme=dark] body.ice-site{background:radial-gradient(ellipse at 10% 10%,#112c4380,transparent 45%),radial-gradient(ellipse at 90% 35%,#221d4280,transparent 40%),#08111f!important;color:#dcecff!important;--text:#dcecff;--ink:#e6efff;--muted:#9aaec5;--panel:#142238;--line:#29435e;--design-ink:#e1eeff}
html[data-theme=dark] :is(.nav,.unified-topbar,.studio-nav){background:#0c1626f2!important;border-color:#2a3e58!important;color:#d1e4fa!important;box-shadow:0 4px 28px #0002!important}
html[data-theme=dark] :is(.nav a,.nav button,.brand,.brand strong,.studio-brand,.unified-topbar strong){color:#d9e9ff!important}html[data-theme=dark] :is(.nav .brand img,.brand-orbit>img){background:#fff;border-radius:12px}html[data-theme=dark] .nav-links.open,html[data-theme=dark] .nav nav{background:#111e30!important;border-color:#2c4058!important}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 50% 45%,#244560,transparent 65%),radial-gradient(ellipse at 80% 10%,#302955aa,transparent 55%),#081326!important}html[data-theme=dark] .copy{background:radial-gradient(ellipse,#0b1a3070,transparent 75%)}html[data-theme=dark] .copy h1{color:#e6f5ff;text-shadow:0 3px 30px #00132b}html[data-theme=dark] .description{color:#c0d9ec}html[data-theme=dark] .copy h1 span{background-image:linear-gradient(110deg,#83baff,#62d9df,#bea7fb)}html[data-theme=dark] .planet{opacity:.55;filter:saturate(.8)}html[data-theme=dark] :is(.kicker,.stats small,.stats-note,.slogan,.scroll){color:#a5c4dd}
html[data-theme=dark] :is(.portal-card,.software-flow,.resource-grid a,.scenario-list,.brand-orbit){background:linear-gradient(140deg,#15253b,#101b2d)!important;border-color:#2c4661!important;box-shadow:0 18px 55px #0002}
html[data-theme=dark] :is(.section h2,.section h3,.portal-copy h3,.software-flow h3,.resource-grid h3,.brand-section h2){color:#d9ecff!important}html[data-theme=dark] :is(.portal-copy p,.section-head p,.scenario-list p,.software-flow p,.resource-grid p,.brand-section p){color:#a1b5c9!important}html[data-theme=dark] :is(.portal-head span,.portal-chips span){color:#a7c9e4;background:#153049;border-color:#31516c}html[data-theme=dark] :is(.portal-link,.portal-sub,.text-link,.resource-grid b,.eyebrow){color:#79bfdf!important}html[data-theme=dark] :is(.portal-link,.scenario-list a,.software-flow>a){border-color:#2b425c!important}html[data-theme=dark] .production-section{background:linear-gradient(120deg,#102338,#1c1b33)!important;border-color:#2b425c}html[data-theme=dark] .brand-orbit:before{opacity:.68}html[data-theme=dark] .brand-orbit :is(b,span){color:#e6f4ff}html[data-theme=dark] .resource-art{background:linear-gradient(130deg,#253e5a,#393151)}
html[data-theme=dark] body.ice-site :is(.page-box,.account-card,.login-card,.panel,.upgrade-dialog,.modal,.dialog,.state-card,.stat-card,.quota-card,.plan-option,.notice-ai-card,.code-console,.prompt-box,.design-console,.workflow-map,.card,.media-card,.tutorial-steps article,.video-grid article,.comfy-node,.lesson-grid article,.download-grid article,.node-guide-grid article,.pipeline-grid article,.use-grid article,.kit-checklist,.result-card){background:linear-gradient(135deg,#14243a,#111c2f)!important;color:#d4e7f9!important;border-color:#2b455f!important;box-shadow:0 20px 55px #0002!important}
html[data-theme=dark] body.ice-site :is(h1,h2,h3,h4,strong,.brand,.page h1,.design-hero h1,.video-hero h1,.heading h1,.result-header h2,.result-card h3,.crop-header h2){color:#deedff!important}html[data-theme=dark] body.ice-site :is(p,li,.heading p,.signed-card p,.design-hero-copy>p,.video-hero-copy>p,.pipeline-grid p,.use-grid p,.kit-copy p,.media-card p,.tutorial-steps p,.node-guide-grid p,.lesson-grid p,.download-grid p,.hint,.field span){color:#a4b8cd!important}html[data-theme=dark] body.ice-site :is(.design-hero h1 em,.video-hero h1 em){background-image:linear-gradient(110deg,#86bdff,#5bd2df,#c3adff);color:transparent!important}
html[data-theme=dark] body.ice-site :is(.design-hero,.video-hero,.media-lab,.codex-section,.account-shell,.login-layout){background:radial-gradient(ellipse at 70% 20%,#26284955,transparent 60%),#0c192b!important;border-color:#2c425d!important}html[data-theme=dark] body.ice-site :is(.console-top,.console-flow,.canvas-toolbar,.node-title,.crop-header,.result-header,.tool-rail,.learning-strip,.page-box li,.result-card p,.segmented,.layout-grid){background:#14263c!important;border-color:#2e4863!important;color:#acc7de!important}html[data-theme=dark] body.ice-site :is(.console-top span,.console-flow span,.console-flow b,.tool-rail b,.tool-rail small,.comfy-node span,.result-header span,.crop-header span){color:#aec9e0!important}
html[data-theme=dark] body.ice-site :is(input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select,.app-shell button){background:#0d1a2d!important;color:#c8dff5!important;border-color:#35516c!important}html[data-theme=dark] body.ice-site :is(.upload-box,.empty-state,.crop-stage:has(.empty-state)){background:linear-gradient(135deg,#152e44,#15223b)!important;border-color:#345775!important}html[data-theme=dark] body.ice-site :is(.button.ghost,.ghost,.secondary){background:#172a42!important;color:#b6daf3!important;border-color:#365570!important}html[data-theme=dark] .appearance-control{background:#111f33f5;color:#b7cee3;border-color:#344d66}html[data-theme=dark] .appearance-control button[aria-pressed=true]{background:#294663!important;color:#e0f5ff!important}html[data-theme=dark] :is(.quality-toggle,.quality-panel,.dialog){background:#15253bf5!important;color:#dbedff!important;border-color:#35516b!important}html[data-theme=dark] :is(.quality-panel p,.dialog p,.telemetry){color:#b0c6dc}html[data-theme=dark] :is(.quality-panel select,.dialog input){background:#0c1a2d!important;color:#d8ecff!important;border-color:#35516b}html[data-theme=dark] .cta:not(.primary){background:#19334c;color:#b9e0f7;border-color:#385973}
@media(prefers-reduced-motion:reduce){.resource-grid a{transition:none}.resource-grid a:hover{transform:none}}

/* Stretched native link: complete card is pointer/keyboard accessible. */
.portal-card .card-cover-link:after{content:"";position:absolute;inset:0;z-index:4;border-radius:25px}.portal-card:has(.card-cover-link:focus-visible){outline:3px solid #329dcc;outline-offset:4px}.portal-card .portal-sub{position:relative;z-index:5;width:max-content}.portal-card:has(.card-cover-link:hover){border-color:#76b8d6;box-shadow:0 20px 55px #41749b1b}.photo-art .portrait-frame img{object-fit:cover;object-position:center}.nodes-art{background:#dceaf5}.nodes-art .visual-cover{opacity:1}.nodes-art .workflow-shade{display:none}.nodes-art .art-caption{display:none}.property-art .art-caption{bottom:11px}.property-art .art-caption span{font-size:8px;padding:5px 8px}.page-visual[src$="人物.svg"]{object-fit:contain;background:linear-gradient(130deg,#d7f2fc,#e0e4f9)}
html[data-theme=dark] .portal-art{border:1px solid #3b536c;opacity:.94}html[data-theme=dark] .software-logo{background:#ffffffed!important;border-radius:15px;padding:8px}html[data-theme=dark] .nav-tools .register{color:white!important}html[data-theme=dark] .nav .lang-switch,html[data-theme=dark] .nav .menu-toggle{background:#172e46!important;border-color:#36536c!important;color:#c5dff3!important}

.ice-preview-note{bottom:68px!important;max-width:calc(100vw - 35px)}
html[data-theme=dark] body.ice-site .app-shell .studio-brand{color:#d9edff!important}
html[data-theme=dark] body.ice-site .app-shell :is(.color-option.active,.segmented button.active,.layout-grid button.active){background:#294c68!important;color:#d7f5ff!important;border-color:#65a2c7!important}
html[data-theme=dark] body.ice-site .app-shell :is(.upload-box span,.empty-state strong,.field span){color:#b5d3ea!important}
html[data-theme=dark] body.ice-site .workspace{background:transparent!important}

.ice-site .console-stage:after{background:linear-gradient(180deg,transparent 75%,#4b65821c)!important}.ice-site .console-stage img{filter:none!important}.ice-site .console-label{z-index:2}

html[data-theme=dark] body.ice-site :is(.nav nav a,.studio-nav a,.unified-topbar nav a){color:#b9d1e8!important}html[data-theme=dark] body.ice-site .nav nav a.active{color:#82c7ef!important}html[data-theme=dark] body.ice-site .nav nav a.account-nav-link{color:#fff!important}html[data-theme=dark] body.ice-site :is(.console-flow i,.kit-tags span,.footer-links a,.record-links a){color:#a6c5dd!important}