:root{--bg:#02071b;--panel:#08142e;--line:#223867;--muted:#8da2c7;--text:#f7f9ff;--orange:#8b5cff;--blue:#2f8dff;--pink:#d83bf0}html,body{color:var(--text);background:#02071b}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#4da3ff}.app-shell{background-color:#02071b;background-image:url(/商造AI-深蓝光弧背景.webp);background-position:top;background-size:cover;background-attachment:fixed}.sidebar{background:#050d23f2;border-right:1px solid #1b315f;flex-basis:268px;width:268px;padding:18px 16px;box-shadow:18px 0 48px #01061466}.sidebar-collapsed{flex-basis:82px;width:82px}.sidebar-collapsed .brand-lockup b,.sidebar-collapsed .nav-section-label{display:none}.sidebar-top{height:56px;padding:0 5px}.brand-lockup{align-items:center;gap:11px;min-width:0;display:flex}.brand-lockup b{white-space:nowrap;letter-spacing:-.04em;font-size:20px}.brand-lockup b span{color:#c04cff}.brand-mark{background:linear-gradient(135deg,#2387ff,#7354ff 55%,#df2ce8);border-radius:12px;width:42px;height:42px;box-shadow:0 0 28px #6c42ff6e}.nav-section-label{color:#5f749e;letter-spacing:.08em;margin:20px 12px 8px;font-size:11px;display:block}.primary-nav,.secondary-nav{gap:7px;margin-top:0}.primary-nav button,.secondary-nav button{color:#9cafcf;border:1px solid #0000;border-radius:10px;height:44px;padding:0 13px}.primary-nav button:hover,.secondary-nav button:hover{color:#eaf1ff;background:#0d1b38;border-color:#1f3b70}.primary-nav button.active,.secondary-nav button.active{color:#fff;background:linear-gradient(105deg,#147cff,#713eff 58%,#b81eea);border-color:#477fe7;box-shadow:0 8px 24px #3f42dc30}.primary-nav button.active:before,.secondary-nav button.active:before{background:#55a7ff;width:3px;height:29px;left:-17px;box-shadow:0 0 13px #55a7ff}.primary-nav em{color:#fff;background:#7147ee;border:1px solid #9b78ff}.nav-divider{background:#192d55;margin:18px 7px 0}.sidebar-footer{border-top-color:#192d55}.sidebar-footer button{color:#748ab1}.sidebar-footer button:hover{color:#b8c8e5}.topbar{background:#04102ad9;border-bottom-color:#1b315f;flex-basis:68px;height:68px;padding:0 30px;box-shadow:0 8px 34px #00051f55}.promo{color:#9fb1cf;background:#0a1c3d;border:1px solid #264a82;border-radius:10px;padding:7px 12px}.promo b{color:#dce9ff;background:#12345d;border:1px solid #2d70ac;border-radius:7px}.top-actions button{color:#9cb0d1}.top-actions button:hover{color:#fff;background:#0e2042}.top-actions b{color:#49a7ff}.top-actions .membership{color:#d860ef}.content-scroll{scrollbar-color:#34558a #07112a}.home-page,.gallery-page,.canvas-page,.works-page{width:min(1180px,100% - 48px);padding:48px 0 38px}.hero-copy p,.gallery-header>div>span,.section-heading span,.admin-header span{color:#8c65ff}.hero-copy h1{text-shadow:0 10px 32px #071847;margin:8px 0 22px;font-size:clamp(34px,3.5vw,52px)}.hero-copy strong{color:#a869ff;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2f9bff,#8655ff,#dc40dc);-webkit-background-clip:text;background-clip:text}.mode-tabs{background:#071630;border-color:#27416f;border-radius:13px;margin-bottom:18px;box-shadow:0 14px 44px #02071888}.mode-tabs button{color:#879cc1;padding:10px 25px}.mode-tabs .active{color:#fff;background:linear-gradient(105deg,#1687ff,#6d4aff 58%,#cb2ce7);box-shadow:0 7px 22px #4d4cda55}.generator-card{background:#06122ce8;border:1px solid #3875d4;border-radius:20px;padding:18px 22px;position:relative;box-shadow:0 24px 80px #000a,0 0 50px #4c5cff22}.generator-card:before{content:"";pointer-events:none;border-radius:20px;position:absolute;inset:-1px;box-shadow:inset 0 0 24px #7b41ff18,0 0 18px #2b7cff1f}.generator-heading{color:#f0f5ff;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:13px;font-weight:750;display:flex}.generator-heading span,.generator-controls-title{align-items:center;gap:8px;display:flex}.generator-heading i,.generator-controls-title i{color:#fff;background:#2687ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;display:grid;box-shadow:0 0 16px #2687ff66}.generator-heading small{color:#8197bd;font-weight:400}.upload-strip{gap:10px}.upload-strip button{color:#d4e0f4;background:#0b1a37;border:1px dashed #315587;border-radius:10px;width:142px;height:48px}.upload-strip button:hover{color:#fff;background:#10244b;border-color:#529dff}.generator-card textarea{color:#f6f9ff;background:#071834;border:1px solid #203b6b;border-radius:12px;height:105px;margin:14px 0 12px;padding:16px}.generator-card textarea::placeholder{color:#667fa9}.generator-controls-title{color:#dce7f9;margin:0 0 10px;font-size:12px;font-weight:750}.generator-bottom{background:#081832;border:1px solid #1d3767;border-radius:13px;gap:12px;padding:12px}.field label{color:#7f96bc}.field select{color:#edf4ff;background:#091a38;border-color:#2b4a7c;height:40px}.price-link{color:#8fa6cb}.price-link:hover{color:#62acff}.char-count{color:#637ca5}.quote{color:#67b5ff}.generate-button{color:#fff;background:linear-gradient(105deg,#138bff,#7351ff 58%,#d62ce5);justify-content:center;min-width:132px;height:44px;box-shadow:0 8px 25px #5a49ee55}.generate-button:hover{filter:brightness(1.08)}.section-heading{margin:38px 0 16px}.section-heading h2{font-size:24px}.section-heading button{color:#8ea4c6}.section-heading button:hover{color:#fff}.feature-grid{gap:13px}.feature-card{background:#08152e;border-color:#263f6e;border-radius:15px;min-height:158px;box-shadow:0 16px 35px #02071b55}.feature-card:hover{border-color:#497fd7;transform:translateY(-2px)}.feature-card:after{background:#793dff33}.feature-card.tone-1:after{background:#0a8fff32}.feature-card.tone-2:after{background:#b15cff2b}.feature-card.tone-3:after{background:#e23fbd2b}.feature-card small{color:#8195b6}.feature-card>svg{color:#6c86b1}.feature-icon{color:#a9c7f4;background:#13264a;border:1px solid #24467c}.recent-jobs>div{background:#08142d;border-color:#213a68}.status{color:#b996ff;background:#7b4dff18;border-color:#825cff45}.empty-inline{color:#6d84ab}.gallery-header label,.admin-search{background:#081936;border-color:#294675}.pill-tabs button,.category-row button,.canvas-tabs button{color:#8fa5c8;background:#081834;border-color:#294675}.pill-tabs button.active,.category-row button.active,.canvas-tabs button.active{color:#fff;background:#285bd2;border-color:#4488f2}.app-card,.template-layout>aside,.template-grid article,.works-list article{background:#08152e;border-color:#233d6c}.app-card>p{color:#8397b7}.app-card>span,.template-grid article>small{color:#8b68ff}.canvas-tabs .new-canvas,.primary-small,.primary-button{color:#fff;background:linear-gradient(105deg,#1689ff,#7450ff 58%,#cf2fe4);border-color:#765bff}.notice{color:#b8a8e8;background:#442e8c26;border-color:#765dcb}.work-thumb{background:#132958}.soft-button{background:#0b1b39;border-color:#2a4775}.site-footer{color:#6f84a8;border-top:1px solid #182e57;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:16px 24px 24px;font-size:12px;display:flex}.site-footer a{color:#83a4d5;text-decoration:none}.site-footer a:hover{color:#6eb7ff;text-decoration:underline}.admin-page{background:#040d22}.admin-page>aside{background:#06132d;border-right-color:#1f3966}.admin-page>aside>div,.admin-page .back-site{color:#9b71ff!important}.admin-page>aside button.active{color:#fff;background:#163b84}.metric-grid article,.admin-panel,.modal-panel{background:#08152f;border-color:#274471}.switch.on{background:#744eff}.text-button{color:#8d6fff}.modal-backdrop{background:#010617c9}.modal-title>svg{color:#956eff}.quota,.asset-tools label,.asset-grid article,.package-grid button,.payment-row button,.benefits,.profile-stats article,.model-list article,.auth-form input{background:#0b1a37;border-color:#294574}.membership-hero>svg,.membership-hero>span,.benefits strong{color:#a77dff}.toast{color:#06122b;background:#eaf2ff}@media (max-width:980px){.sidebar{flex-basis:82px;width:82px}.brand-lockup b,.nav-section-label{display:none}.home-page,.gallery-page,.canvas-page,.works-page{width:min(100% - 34px,1180px)}}@media (max-width:680px){.sidebar{z-index:10;background:#06122bf2;border-top:1px solid #294879;border-right:0;width:100%;height:68px;padding:6px;position:fixed;inset:auto 0 0;box-shadow:0 -14px 36px #010718cc}.sidebar-top,.secondary-nav,.nav-divider,.sidebar-footer,.nav-section-label,.primary-nav button:last-child{display:none}.primary-nav{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin:0;display:grid}.primary-nav button{border-radius:9px;flex-direction:column;justify-content:center;gap:4px;height:55px;padding:0;font-size:10px}.primary-nav button span{display:block}.primary-nav button.active:before{display:none}.workspace{padding-bottom:68px}.topbar{min-height:58px;padding:0 10px}.top-actions{gap:2px}.home-page,.gallery-page,.canvas-page,.works-page{width:calc(100% - 24px);padding-top:26px}.hero-copy h1{font-size:30px}.generator-heading{align-items:flex-start;gap:8px}.generator-heading small{text-align:right;max-width:52%}.upload-strip{flex-wrap:wrap}.upload-strip button{width:calc(50% - 5px)}.upload-strip button:last-child{width:100%}.generator-bottom{padding:10px}.site-footer{text-align:center;flex-direction:column;gap:7px;padding-bottom:28px}}