:root{color-scheme:dark;--bg:#030d1e;--panel:#07162c;--line:rgba(124,177,255,.22);--text:#f2f6ff;--muted:#a1afca;--blue:#68baff;--gold:#e5bd7d;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:92px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 25%,#0b1a3d66,transparent 65%),var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{color:inherit}a{color:inherit;text-decoration:none}button{background:none;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #94ceff;outline-offset:4px}a,button{touch-action:manipulation}h1,h2,h3,p{margin:0}img{max-width:100%}button svg{pointer-events:none}[hidden]{display:none!important}.container{width:min(1400px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#123780;padding:12px}.skip-link:focus{top:10px}
#site-header{height:76px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(3,12,29,.92);backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.ag-mark{font-size:42px;font-style:italic;font-weight:900;letter-spacing:-4px;line-height:1;background:linear-gradient(#fff 30%,#8cd7ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 18px #168aff40}.logo-words{display:flex;flex-direction:column;line-height:1.2}.logo-words strong{font-size:18px;font-weight:800;letter-spacing:.5px}.logo-words small{font-size:8px;letter-spacing:1.3px;margin-top:4px;color:#b0cef4}#primary-nav{display:flex;gap:48px;margin:auto;align-items:center;height:100%}#primary-nav a,#primary-nav button{height:100%;display:flex;align-items:center;position:relative;font-weight:600;font-size:14px;color:#d3dcef;padding:0 3px}#primary-nav a:hover,#primary-nav button:hover,#primary-nav .active{color:#8bcaff}#primary-nav .active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#80c9ff;box-shadow:0 -2px 18px 5px #1775ff77}.locale-picker{display:flex;align-items:center;gap:8px;color:#dfe9ff}.locale-picker>span:first-child{font-size:26px;line-height:1}.locale-picker select{border:0;background:transparent;padding:8px 0;max-width:125px;font-size:13px}.locale-picker option{background:var(--panel)}.menu-toggle{display:none;font-size:24px;padding:8px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid #6196e75c;isolation:isolate;background:#040c1e}.home-hero{height:clamp(380px,36vw,560px)}.sprite{background-image:url('../images/design-reference.png');background-repeat:no-repeat}.hero-art{position:absolute;inset:0;z-index:-3}.home-hero .hero-art{background-size:cover;transform:scale(1.018);transition:transform 5s ease,filter 1.2s}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030b1eff 0%,#030b1efc 29%,#030b1e8c 44%,transparent 62%),linear-gradient(0deg,#020e20e8,transparent 25%)}.hero-content{padding-top:clamp(44px,5vw,80px);height:100%;position:relative}.hero-kicker{display:flex;align-items:center;gap:15px;margin-bottom:14px;font-weight:800;font-style:italic;font-size:25px}.hero-kicker .ag-mark{font-size:64px}h1{font-size:clamp(44px,4.7vw,72px);font-weight:900;line-height:1.12;letter-spacing:-1.5px;font-style:italic;background:linear-gradient(#fff 55%,#a3d6ff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 12px #02091c)}.hero-content>p{font-size:19px;color:#e1eaff;margin-top:19px;letter-spacing:1.6px}.script-word{display:block;font-family:Georgia,serif;font-style:italic;color:#e1b875;font-size:23px;letter-spacing:2px;margin-top:3px}.hero-link{display:inline-flex;align-items:center;gap:28px;font-weight:600;font-size:13px;border:1px solid #97c8ff5c;border-radius:30px;background:#0b1e3d8c;padding:8px 19px;margin-top:25px;backdrop-filter:blur(8px)}.hero-link:hover{border-color:#95c9ff;background:#154187}.carousel-arrow{position:absolute;top:49%;height:45px;width:45px;border:1px solid #92b5f375;border-radius:50%;background:#020c2394;font-size:37px;line-height:30px;display:grid;place-items:center;box-shadow:0 0 20px #1465df44}.carousel-arrow:hover{background:#1351a3}.carousel-arrow.prev{left:15px}.carousel-arrow.next{right:20px}.hero-counter{display:flex;align-items:center;gap:9px;position:absolute;bottom:22px;left:40px;background:#05112bba;padding:4px 13px;border:1px solid #8dacf82e;border-radius:30px;font-size:12px;backdrop-filter:blur(8px)}.counter-line{height:2px;width:20px;background:#73baff;box-shadow:0 0 6px #6dacff}.counter-total{color:#8fa4ce}.hero-counter button{font-size:11px;min-width:24px;min-height:26px}.second-slide .hero-art{transform:scale(1.045);filter:hue-rotate(18deg)}.eyebrow{font-size:11px;letter-spacing:3px;color:#89bdf3;font-weight:600}.feature-hero{height:410px}.feature-hero .hero-shade{background:linear-gradient(90deg,#030b1eff 0%,#030b1ef7 34%,#030b1e99 51%,transparent 71%),linear-gradient(0deg,#020e20,transparent 40%)}.feature-hero .hero-content{padding-top:65px}.feature-hero h1{margin-top:15px;font-size:68px}.feature-hero .feature-subtitle{font-size:20px;letter-spacing:1px}.feature-hero .hero-small{font-size:14px;max-width:440px;color:#b6c4df;letter-spacing:.5px;line-height:1.8}.feature-hero .hero-art{left:0}
.gallery{padding-top:35px;padding-bottom:31px;scroll-margin-top:25px}.gallery-heading{display:flex;align-items:center;gap:24px;justify-content:space-between}.gallery-heading h2{font-size:28px;display:flex;gap:13px;align-items:center;line-height:1.3;font-weight:800}.spark{font-size:36px;color:#b5e1ff;text-shadow:0 0 22px #418eff}.gallery-heading p{font-size:12px;color:var(--muted);margin-top:6px}.primary-controls{display:flex;align-items:center;gap:13px;min-width:0}.style-tabs{display:flex;border:1px solid var(--line);border-radius:30px;padding:3px;gap:1px;flex-wrap:nowrap;white-space:nowrap;background:#040e22}.style-tabs button{padding:8px 13px;border-radius:25px;font-size:12px;transition:background .2s,color .2s;color:#b1bfdb}.style-tabs button.active{color:#fff;background:radial-gradient(ellipse at center,#225fe5,#0d2a74);border:1px solid #9ecaff;box-shadow:inset 0 0 9px #64a0ff,0 0 12px #4387f38c;padding:7px 12px}.style-tabs button:hover{color:#fff}.search-box{display:flex;align-items:center;background:#0d1930;border:1px solid var(--line);border-radius:24px;min-width:165px;width:185px;padding-right:14px}.search-box input{min-width:0;width:100%;border:0;background:transparent;color:#fff;font-size:12px;padding:11px 14px;outline:none}.search-box:focus-within{border-color:#8bcaff;box-shadow:0 0 10px #3678de55}.search-box input::placeholder{color:#7e90b1}.search-box>span:last-child{font-size:25px;line-height:1}.secondary-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0}.filter-group{display:flex;gap:10px;align-items:center}.filter-group label{font-size:11px;color:#95a8c9}.filter-group select{background:#0b1830;border:1px solid #739bcb36;border-radius:7px;padding:5px 23px 5px 8px;font-size:11px;max-width:130px}.reset-button{color:#8cbaff;font-size:11px;border-bottom:1px solid #8cbaff59;padding:2px 4px}.secondary-controls #result-count{font-size:11px;color:#8297bc;white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{background:linear-gradient(150deg,#0b1a31,#020c1f);border:1px solid #5372a650;border-radius:12px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.template-card:hover,.template-card:focus-within{border-color:#8cc9ff;box-shadow:0 0 0 1px #517bdf,0 0 20px #2c6dd066;transform:translateY(-4px)}.template-visual{position:relative;aspect-ratio:2.05;overflow:hidden;background:#0c1831}.template-art{position:absolute;inset:0;transition:transform .55s}.template-card:hover .template-art{transform:scale(1.035)}.template-visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#030d1ef5);pointer-events:none}.badge{position:absolute;left:12px;top:11px;border-radius:999px;padding:2px 11px;font-size:11px;font-weight:700;border:1px solid #fff9;color:#fff;box-shadow:0 0 14px #ef6b5280}.badge.hot{background:linear-gradient(#ff864c,#f02f35)}.badge.new{background:linear-gradient(#80f5d2,#11c48c);box-shadow:0 0 14px #24dcb850}.visual-index{position:absolute;top:13px;right:12px;font-size:9px;letter-spacing:2px;color:#fff9;text-shadow:0 1px 4px #000}.view-detail{position:absolute;z-index:2;top:38px;right:12px;font-size:20px;width:30px;height:30px;background:#020a2399;border:1px solid #bdd8ff55;border-radius:50%;opacity:0;transition:opacity .2s}.template-card:hover .view-detail,.template-card:focus-within .view-detail{opacity:1}.card-actions{position:absolute;z-index:2;bottom:11px;left:16px;right:16px;display:flex;gap:10px;justify-content:center}.card-actions :is(button,a){font-size:12px;font-weight:600;background:#031435b8;backdrop-filter:blur(8px);border:1px solid #769ee7;border-radius:20px;padding:6px 20px;color:#e3efff;box-shadow:inset 0 0 15px #286ddd44}.card-actions :is(button,a):hover,.card-actions :is(button,a):focus-visible{background:linear-gradient(90deg,#065ab2,#1765d2);border-color:#c2edff;box-shadow:0 0 13px #4faaff}.card-body{padding:11px 16px 14px}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-body h3{font-size:18px;line-height:1.35}.card-body h3 button{font-size:inherit;font-weight:700;padding:0;text-align:left}.card-body p{font-size:12px;margin-top:5px;color:#b8c5dd}.color-swatches{display:flex;gap:7px;flex-shrink:0}.swatch{width:15px;height:15px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff60;padding:0;position:relative}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.color-name{font-size:10px;color:var(--card-accent)}.flags{display:inline-flex;align-items:center;gap:4px;font-size:20px;line-height:1}.flag-more{font-size:10px;margin-left:2px;color:#b7c4dd}.gallery-bottom{text-align:center;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:10px 28px;border-radius:30px;border:1px solid #83b7ff;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(180deg,#0c2960,#06122c)}.button:hover{background:linear-gradient(180deg,#184a9d,#0e2760)}.glow-button{min-width:270px;box-shadow:inset 0 0 13px #2e78ff70,0 0 15px #285ecc60}.sample-note{font-size:11px;color:#8594b1;line-height:1.8;margin-top:12px}.empty-state{text-align:center;padding:60px 20px;background:#07152c;border:1px dashed var(--line);border-radius:14px}.empty-state>span{font-size:42px;color:#7fb2ff}.empty-state h3{font-size:20px}.empty-state p{color:var(--muted);margin:10px 0 22px}
.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at top,#142750,#071228 70%)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:33px}.benefit{display:flex;align-items:center;gap:20px;padding-left:25px;position:relative}.benefit+.benefit:before{content:"";width:1px;height:55px;position:absolute;left:0;background:linear-gradient(transparent,#285588,transparent)}.benefit-icon{font-size:48px;color:#cfedff;line-height:1;text-shadow:0 0 14px #58a4ff;font-weight:700}.benefit h3{font-size:17px}.benefit p{font-size:12px;color:#b1bfda;margin-top:3px}#site-footer{background:#020b1a;border-top:1px solid #6182b71f}.footer-inner{min-height:104px;display:flex;align-items:center;gap:30px}.footer-inner .ag-mark{font-size:36px}.footer-inner .logo-words strong{font-size:15px}.footer-inner p{font-size:11px;color:#8fa2c5}.footer-inner nav{margin-left:auto;display:flex;gap:25px;font-size:11px;color:#b5c7e5}.nav-about{padding:0;color:inherit;font:inherit}.footer-inner nav a:hover,.nav-about:hover{color:#8ecbff}.copyright{font-size:9px;color:#617393;white-space:nowrap}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:24px}.feature-panel{grid-column:span 2;display:flex;min-height:290px;align-items:center;overflow:hidden;border:1px solid #567cb23b;border-radius:18px;background:linear-gradient(105deg,#07152c,#061123);position:relative}.feature-copy{width:52%;padding:30px 45px;position:relative;z-index:2}.feature-panel h2{font-size:28px;line-height:1.3;margin:6px 0 10px}.feature-panel .feature-copy>p{font-size:13px;color:#aebedb;line-height:1.8;max-width:480px}.feature-number{display:flex;align-items:baseline;gap:16px;line-height:1.2}.feature-number>span{font-size:35px;font-style:italic;font-weight:900;color:#d9ebff;text-shadow:0 0 16px #4c94ff}.feature-number small{font-size:9px;letter-spacing:1.5px;color:#779ac7}.feature-art{position:absolute;right:0;top:0;width:52%;height:100%;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 22%)}.reverse .feature-art{left:0;right:auto;width:46%;mask-image:linear-gradient(-90deg,transparent,#000 20%)}.reverse .feature-copy{margin-left:46%;width:54%}.feature-panel:nth-child(2){min-height:310px}.feature-panel:nth-child(4){min-height:250px}.feature-panel:nth-child(4) .feature-art{width:47%}.feature-panel.compact{grid-column:span 2;min-height:275px}.compact .feature-copy{width:85%;padding:28px 30px}.compact h2{font-size:23px;max-width:85%}.compact .feature-copy>p{max-width:82%;font-size:12px}.compact .feature-art{width:32%;mask-image:linear-gradient(90deg,transparent,#000 32%);opacity:.8}.feature-panel:last-child .feature-art{width:35%}.currency-tags,.country-tags,.provider-tags{display:flex;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.currency{height:41px;width:41px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:700;background:linear-gradient(145deg,#ffd466,#ef811d);box-shadow:0 3px 18px #071028,inset 0 1px 2px #ffffffc4}.coin-1{background:linear-gradient(145deg,#a998ff,#494aeb)}.coin-2{background:linear-gradient(145deg,#85ead6,#309d91)}.coin-3{background:linear-gradient(145deg,#fae8c4,#c5a76b)}.coin-4{background:linear-gradient(145deg,#fff272,#d5a625)}.country-tags button{padding:0;min-width:36px;font-size:30px;line-height:1;border-radius:50%;transition:transform .2s}.country-tags button:hover{transform:translateY(-4px);filter:drop-shadow(0 0 8px #398dff)}.provider-tags{gap:9px}.provider-tags span{height:43px;min-width:62px;display:grid;place-items:center;padding:0 13px;border-radius:14px;border:1px solid #617ca55c;background:linear-gradient(#112846,#070d1c);font-size:13px;font-weight:800}.provider-tags span:nth-child(3){font-size:9px}.provider-tags span:nth-child(4){font-size:10px}.gold-text{color:#ffcf66}.text-link{display:inline-flex;margin-top:21px;color:#a2d0ff;gap:15px;font-weight:700;font-size:13px}.mini-tags{display:flex;gap:27px;margin-top:19px}.mini-tags>span{display:flex;flex-direction:column;font-size:24px;color:#8abeff;align-items:center;line-height:1.3}.mini-tags small{font-size:10px;color:#b1c2de;margin-top:4px;white-space:nowrap}.mini-tags.warm>span{color:#ff9c6e}.reveal{opacity:.3;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.revealed{opacity:1;transform:none}
.dialog-open{overflow:hidden}.preview-dialog{width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 60px);overflow:auto;border:1px solid #6098e0;border-radius:18px;padding:28px;background:radial-gradient(ellipse at top,#122748,#061023 70%);color:var(--text);box-shadow:0 0 70px #002b744d}.preview-dialog::backdrop{background:#010817cf;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:17px;top:14px;font-size:30px;width:40px;height:40px;background:#0c213f;border:1px solid #849eca55;border-radius:50%;display:grid;place-items:center;line-height:1;z-index:5}.dialog-close:hover{background:#154383}.preview-top{padding-right:35px}.preview-top h2{font-size:30px;margin-top:8px}.preview-top p{color:#aec0de;font-size:13px}.preview-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);gap:28px;margin-top:25px}.preview-stage{border-radius:14px;background:#020b1d;border:1px solid #517bb640;padding:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px}.device-switch{display:flex;gap:5px;border:1px solid #5887c957;border-radius:30px;padding:4px;margin-bottom:30px}.device-switch button{padding:7px 23px;border-radius:30px;font-size:12px}.device-switch button[aria-pressed=true]{background:#1a56ac;box-shadow:inset 0 0 7px #76b6ff}.device-frame{width:100%;max-width:540px;border:2px solid #5273a4;border-radius:9px;box-shadow:0 10px 35px #0009;background:#0b1931;overflow:hidden;transition:width .25s}.device-bar{height:23px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#182b48}.device-bar i{width:4px;height:4px;border-radius:50%;background:#829abe}.device-bar span{font-size:7px;margin-left:auto;color:#89a3ca;letter-spacing:1px}.preview-art{width:100%;aspect-ratio:2}.device-foot{height:9px;background:#111e34}.device-frame.h5{max-width:215px;border-radius:27px;border-width:5px;position:relative}.device-frame.h5 .device-bar{height:22px;justify-content:center;padding:0}.device-frame.h5 .device-bar i{display:none}.device-frame.h5 .device-bar span{margin:0;font-size:6px}.device-frame.h5 .preview-art{aspect-ratio:.62;}.device-frame.h5 .device-foot{height:17px}.preview-caption{font-size:11px;color:#8194b5;text-align:center;margin-top:20px}.preview-info{display:flex;flex-direction:column;gap:23px;padding-block:8px}.preview-info h3{font-size:14px;margin-bottom:9px}.preview-info h3 small{font-size:10px;font-weight:400;color:#8fa3c8;margin-left:6px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags>span{font-size:11px;border:1px solid #5e87bf40;border-radius:6px;padding:4px 8px;background:#0f203a}.detail-colors{display:flex;flex-wrap:wrap;gap:12px}.detail-colors>span{font-size:12px;display:flex;align-items:center;gap:7px}.detail-colors i{width:12px;height:12px;border-radius:50%;border:1px solid #fff8}.preview-note{padding:12px;font-size:11px;color:#8fa5c6;line-height:1.9;border:1px solid #6190d338;border-radius:8px;background:#091b32}.about-dialog{max-width:600px;padding:45px}.about-content h2{font-size:28px;margin:13px 0}.about-content>p{color:#a9bad8;margin-bottom:20px}.about-content .button{margin-top:8px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);z-index:60;background:#132e56;border:1px solid #78aeff7d;box-shadow:0 8px 30px #0008;border-radius:10px;padding:12px 22px;color:#d9e9ff;font-size:12px;max-width:calc(100% - 30px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1200px){.container{width:calc(100% - 48px)}#primary-nav{gap:30px}.gallery-heading{flex-direction:column;align-items:flex-start;gap:15px}.primary-controls{width:100%;justify-content:space-between}.style-tabs{flex:1;justify-content:space-between}.style-tabs button{padding-inline:15px}.hero-content{padding-left:23px}.hero-kicker .ag-mark{font-size:52px}.hero-kicker{font-size:21px}.home-hero h1{font-size:55px}.home-hero .hero-shade{background:linear-gradient(90deg,#030b1e 0%,#030b1efc 30%,#030b1e80 46%,transparent 65%),linear-gradient(0deg,#020e20e8,transparent 25%)}.hero-content>p{font-size:15px}.benefit{gap:14px;padding-left:17px}.benefit-icon{font-size:38px}.benefit h3{font-size:15px}.benefit p{font-size:10px}.footer-inner{gap:20px}.footer-inner nav{gap:15px}.footer-inner p{max-width:210px}.feature-copy{padding:30px}.feature-panel h2{font-size:25px}}
@media(max-width:900px){#primary-nav{gap:20px}.logo-words strong{font-size:16px}.ag-mark{font-size:36px}.header-inner{gap:16px}.locale-picker select{font-size:11px}.style-tabs button{padding:8px 10px}.style-tabs button.active{padding:7px 9px}.search-box{width:170px;min-width:150px}.template-grid{gap:14px}.card-body{padding:11px}.card-body h3{font-size:16px}.card-actions{left:10px;right:10px;gap:7px}.card-actions :is(button,a){padding:6px 12px;font-size:11px}.card-body p{font-size:11px}.flags{font-size:17px}.color-name{font-size:9px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:25px}.benefit:nth-child(3):before{display:none}.footer-inner{flex-wrap:wrap;padding-block:25px;gap:18px}.footer-inner nav{margin-left:auto}.copyright{width:100%;text-align:right}.feature-hero h1{font-size:58px}.feature-panel{min-height:270px}.feature-panel.compact{grid-column:span 2}.compact .feature-copy{width:70%;padding:30px}.compact .feature-art{width:35%}.compact .feature-copy>p{max-width:90%}.preview-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.preview-dialog{padding:25px}.preview-stage{padding:16px;min-height:320px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}#site-header{height:64px}.header-inner{gap:10px}.ag-mark{font-size:35px;letter-spacing:-3px}.logo-words strong{font-size:14px}.logo-words small{font-size:6px;letter-spacing:.8px}.menu-toggle{display:block;margin-left:auto;order:3;font-size:20px;padding:6px}.locale-picker{margin-left:auto;gap:4px}.locale-picker>span:first-child{font-size:21px}.locale-picker select{max-width:85px;font-size:11px}.header-inner #primary-nav{display:none;position:absolute;top:63px;left:0;right:0;height:auto;background:#06142cf5;backdrop-filter:blur(15px);padding:10px 16px;box-shadow:0 18px 40px #0008;border-bottom:1px solid var(--line);gap:0}.header-inner #primary-nav.open{display:grid;grid-template-columns:repeat(2,1fr)}#primary-nav a,#primary-nav button{height:48px;justify-content:center;font-size:13px}#primary-nav .active:after{left:30%;right:30%}.home-hero{height:470px}.hero-art{left:-300px;right:-170px;opacity:.84}.home-hero .hero-shade{background:linear-gradient(90deg,#030b1efa 0%,#030b1ecd 35%,#030b1e66 60%,transparent),linear-gradient(0deg,#030d1e,transparent 55%)}.hero-content{padding-top:54px;padding-left:19px}.hero-kicker{font-size:20px;gap:10px;margin-bottom:18px}.hero-kicker .ag-mark{font-size:50px}.home-hero h1{font-size:47px;line-height:1.18;letter-spacing:-1px}.hero-content>p{font-size:13px;letter-spacing:.3px;margin-top:20px}.script-word{font-size:20px}.hero-link{font-size:12px;margin-top:24px}.carousel-arrow{height:31px;width:31px;font-size:25px;top:43%}.carousel-arrow.prev{left:5px}.carousel-arrow.next{right:8px}.hero-counter{left:34px;bottom:20px}.gallery{padding-top:24px}.gallery-heading h2{font-size:25px}.spark{font-size:30px}.gallery-heading p{font-size:11px}.primary-controls{flex-direction:column;align-items:stretch;gap:13px}.style-tabs{max-width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;flex:none}.style-tabs::-webkit-scrollbar{display:none}.style-tabs button{flex-shrink:0;padding:8px 14px}.style-tabs button.active{padding:7px 13px}.search-box{width:100%;max-width:none}.search-box input{font-size:13px;padding:10px 15px}.secondary-controls{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 0}.filter-group{width:100%;flex-wrap:wrap;gap:7px}.filter-group label{font-size:10px}.filter-group select{max-width:92px;padding:5px 8px;font-size:10px}.reset-button{margin-left:auto}.secondary-controls #result-count{align-self:flex-end;font-size:10px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-visual{aspect-ratio:1.65}.card-actions{left:5px;right:5px;bottom:7px;gap:5px}.card-actions :is(button,a){font-size:10px;padding:5px 8px}.card-body h3{font-size:15px}.card-body p{font-size:10px;min-height:30px}.card-body{padding:10px}.card-title-row{flex-wrap:wrap;gap:8px}.color-swatches{gap:7px}.swatch{width:11px;height:11px}.card-meta{gap:4px;flex-wrap:wrap;margin-top:6px}.color-name{font-size:9px}.flags{font-size:15px;gap:2px}.badge{top:7px;left:7px;font-size:9px;padding:1px 7px}.visual-index{display:none}.view-detail{display:none}.gallery-bottom{margin-top:24px}.sample-note{font-size:10px}.benefits-grid{padding-block:25px;gap:24px 5px}.benefit{padding-left:8px;gap:12px}.benefit-icon{font-size:34px}.benefit h3{font-size:13px}.benefit p{font-size:10px}.benefit+.benefit:before{height:40px}.footer-inner{gap:18px;min-height:0;padding-block:26px}.footer-inner p{max-width:none;font-size:10px}.footer-inner .brand{width:100%}.footer-inner nav{margin-left:0;gap:20px}.copyright{width:auto;margin-left:auto}.footer-inner .logo-words strong{font-size:14px}.footer-inner .ag-mark{font-size:33px}.feature-hero{height:355px}.feature-hero .hero-art{left:-180px;right:-190px}.feature-hero .hero-shade{background:linear-gradient(90deg,#030b1efd 0%,#030b1ef2 30%,#030b1e6b 60%,transparent),linear-gradient(0deg,#030d1e,transparent 60%)}.feature-hero .hero-content{padding-top:45px;padding-left:7px}.feature-hero h1{font-size:49px;margin-top:17px}.feature-hero .feature-subtitle{font-size:12px;letter-spacing:0}.feature-hero .hero-small{font-size:11px;max-width:225px;margin-top:14px}.eyebrow{font-size:9px;letter-spacing:2px}.feature-list{gap:13px;padding-top:18px}.feature-panel,.feature-panel:nth-child(2),.feature-panel:nth-child(4){min-height:340px;border-radius:12px;align-items:flex-start}.feature-copy,.reverse .feature-copy,.compact .feature-copy{width:100%;padding:23px 22px;margin-left:0}.feature-number>span{font-size:29px}.feature-number small{font-size:8px;letter-spacing:.7px}.feature-panel h2,.compact h2{font-size:22px;max-width:100%;margin-top:9px}.feature-panel .feature-copy>p{font-size:11px;max-width:95%;line-height:1.8}.feature-art,.reverse .feature-art,.feature-panel:nth-child(4) .feature-art{width:70%;height:155px;top:auto;bottom:0;left:auto;right:0;mask-image:linear-gradient(0deg,#000 55%,transparent);opacity:.75}.feature-panel:nth-child(2) .feature-art{width:59%;height:155px}.feature-panel:nth-child(4) .feature-art{width:82%;height:130px}.currency-tags,.country-tags,.provider-tags{margin-top:18px;gap:9px}.currency{height:32px;width:32px;font-size:20px}.country-tags button{font-size:24px;min-width:26px}.provider-tags{max-width:100%}.provider-tags span{height:32px;min-width:48px;padding:0 9px;font-size:11px}.provider-tags span:nth-child(3){font-size:7px}.feature-panel.compact{min-height:295px}.compact .feature-copy>p{max-width:83%;font-size:11px}.compact .feature-art,.feature-panel:last-child .feature-art{width:32%;height:170px;bottom:0;top:auto}.mini-tags{gap:25px;margin-top:22px}.mini-tags small{font-size:9px}.preview-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:23px 16px;border-radius:14px}.preview-top h2{font-size:25px}.preview-top p{font-size:11px}.dialog-close{width:34px;height:34px;font-size:25px;top:12px;right:12px}.preview-layout{grid-template-columns:1fr;gap:20px;margin-top:18px}.preview-stage{min-height:260px;padding:17px 12px}.device-switch{margin-bottom:22px}.preview-caption{font-size:10px}.preview-info{gap:17px;padding:0 3px}.preview-info h3{font-size:13px}.preview-top .eyebrow{font-size:8px}.about-dialog{padding:35px 24px}.about-content h2{font-size:24px}.toast{bottom:20px;padding:10px 14px;font-size:11px}}
@media(max-width:380px){.home-hero h1{font-size:42px}.hero-kicker{font-size:18px}.filter-group select{max-width:80px}.card-actions :is(button,a){padding-inline:6px}.card-body h3{font-size:14px}.benefit{gap:8px}.benefit-icon{font-size:28px}.benefit p{font-size:9px}.footer-inner nav{gap:15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(forced-colors:active){h1,.ag-mark{background:none;color:CanvasText}.button,.template-card,.feature-panel{border:1px solid CanvasText}}

/* 独立裁切的插画避免与 HTML 正文重叠。 */
.home-hero .hero-art{left:32%;width:68%;right:0}.feature-hero .hero-art{left:42%;width:58%;right:0}.reveal{opacity:1}
@media(max-width:700px){.home-hero .hero-art{left:8%;width:125%;right:auto;opacity:.72}.feature-hero .hero-art{left:28%;width:95%;right:auto;opacity:.72}}
/* 后台管理：登录后就地展示，游客页面保持公开浏览。 */
.admin-toolbar{position:sticky;top:76px;z-index:25;border-bottom:1px solid #5d9ddd70;background:#0e2343f5;backdrop-filter:blur(15px)}.admin-toolbar>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:9px}.admin-indicator{color:#72ddbc;font-size:12px;white-space:nowrap}.admin-tools{display:flex;gap:7px;flex-wrap:wrap}.admin-tools button,.management-actions button,.manager-row-actions button{border:1px solid #6c98d355;background:#112a4a;border-radius:6px;padding:4px 9px;font-size:11px}.admin-tools button:hover,.management-actions button:hover,.manager-row-actions button:hover{background:#225289;border-color:#91bbff}.management-actions{display:flex;gap:7px;align-items:center;position:relative;z-index:4;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line);background:#071326}.management-actions button:last-child{color:#ffadb5}.home-hero>.management-actions{position:absolute;bottom:17px;right:60px;border:1px solid var(--line);border-radius:9px}.benefit>.management-actions{position:absolute;top:calc(100% + 8px);left:10px;padding:4px;gap:4px;white-space:nowrap;flex-wrap:nowrap;border:1px solid var(--line);border-radius:5px}.is-admin .benefits-grid{padding-bottom:64px}.feature-panel>.management-actions{position:absolute;bottom:14px;left:30px;border:1px solid var(--line);border-radius:8px}.is-admin .feature-panel{padding-bottom:35px}.draft-label{font-size:10px;color:#ffcd85}.admin-form{display:flex;flex-direction:column;gap:19px}.admin-form h2{font-size:27px;line-height:1.3}.admin-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b9cbe8}.admin-form input:not([type=checkbox]):not([type=radio]),.admin-form textarea,.admin-form select{width:100%;background:#061329;border:1px solid #5e87bb66;border-radius:7px;padding:10px 12px;color:#e0eaff;resize:vertical;font-size:13px}.admin-form input[type=file]{font-size:11px;padding:9px!important}.admin-form input[type=file]::file-selector-button{color:#dfeaff;background:#1d3d6a;border:1px solid #6d97cf99;border-radius:5px;padding:5px 9px;margin-right:8px;cursor:pointer}.admin-form fieldset{border:1px solid var(--line);border-radius:8px;padding:12px 15px}.admin-form legend{font-size:12px;color:#bed4f1;padding-inline:5px}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.check-options{display:flex;flex-wrap:wrap;gap:12px 19px}.check-options label,.admin-form .published-check{flex-direction:row;align-items:center;gap:7px}.admin-form input[type=checkbox],.admin-form input[type=radio]{accent-color:var(--accent,#67b6ff)}.upload-field small{font-size:10px;color:#8398ba}.upload-field>span{font-size:10px;display:flex;align-items:center;gap:5px}.form-hint{color:var(--muted);font-size:12px;line-height:1.9}.form-message{color:#f6b585;font-size:12px;min-height:20px}.form-actions{display:flex;justify-content:flex-end;gap:12px}.secondary{background:#102037;border-color:#4c6d96}.danger{background:#4d1b2a;border-color:#d27189}.login-dialog{max-width:470px;padding:35px}.editor-dialog{max-width:850px;padding:35px}.admin-form .button:disabled{opacity:.5}.palette-uploads{border:1px solid var(--line);border-radius:8px;padding:12px}.palette-uploads summary{cursor:pointer;color:#a8caef;font-size:12px}.palette-uploads .form-columns{margin-top:15px}.manager-dialog{max-width:900px;padding:35px}.manager-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 30px 10px 0}.manager-heading h2{font-size:27px}.manager-heading .button{font-size:12px;padding:7px 17px}.manager-list{margin-top:22px;display:flex;flex-direction:column;gap:9px}.manager-row{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:9px;padding:12px;background:#061329}.manager-index{font-size:13px;color:#6e9ad2}.manager-name{display:flex;flex-direction:column;min-width:0}.manager-name strong{font-size:14px;white-space:pre-line}.manager-name small{font-size:10px;color:#8aa5c9}.manager-row-actions{display:flex;gap:7px;margin-left:auto;flex-shrink:0}.manager-row-actions button:disabled{opacity:.3;cursor:default}.demo-links{display:flex;gap:9px;flex-wrap:wrap}.demo-links .button{font-size:11px;padding:7px 15px}.theme-toggle{font-size:24px;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:var(--accent,#8ecbff);line-height:1;flex-shrink:0;transition:background .2s,transform .3s}.theme-toggle:hover{transform:rotate(15deg);background:#17335d}.theme-color-options{display:flex;flex-wrap:wrap;gap:12px}.theme-color-options label{display:flex;flex-direction:row;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:10px}.theme-color-options i{height:14px;width:14px;border-radius:50%;background:var(--choice)}
/* 强调色集中作用于交互入口，不改写各模版自身的配色。 */
:root{--accent:#67b6ff}.style-tabs button.active{background:color-mix(in srgb,var(--accent) 40%,#08205b);border-color:var(--accent);box-shadow:inset 0 0 9px color-mix(in srgb,var(--accent) 70%,transparent),0 0 12px color-mix(in srgb,var(--accent) 40%,transparent)}#primary-nav .active,#primary-nav a:hover,#primary-nav button:hover,.reset-button,.text-link{color:var(--accent)}#primary-nav .active:after{background:var(--accent);box-shadow:0 -2px 18px 5px color-mix(in srgb,var(--accent) 35%,transparent)}.glow-button{border-color:var(--accent);box-shadow:inset 0 0 13px color-mix(in srgb,var(--accent) 40%,transparent),0 0 15px color-mix(in srgb,var(--accent) 25%,transparent)}.template-card:hover,.template-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 65%,transparent),0 9px 30px color-mix(in srgb,var(--accent) 22%,transparent)}.template-card:before,.feature-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--accent) 10%,transparent),transparent);opacity:0;pointer-events:none;z-index:1;transition:opacity .25s}.template-card{position:relative}.template-card:hover:before,.feature-panel:hover:before{opacity:1}
/* 亮色主题保留深色艺术首屏，内容区采用浅色底和深色正文。 */
:root[data-theme=light]{color-scheme:light;--bg:#f3f6fc;--panel:#fff;--line:rgba(53,81,124,.18);--text:#172943;--muted:#586b88;--blue:#2468bd}.light-only{display:none}:root[data-theme=light] body{background:radial-gradient(ellipse at 60% 20%,#dceaff55,transparent 65%),var(--bg)}:root[data-theme=light] #site-header{background:#f9fbffed;border-bottom-color:#c8d6e9}:root[data-theme=light] .logo-words small{color:#5f779b}:root[data-theme=light] .brand .ag-mark{background:linear-gradient(#183754,#287fc3);background-clip:text;-webkit-background-clip:text;text-shadow:none}:root[data-theme=light] #primary-nav a,:root[data-theme=light] #primary-nav button{color:#304866}:root[data-theme=light] #primary-nav .active,:root[data-theme=light] #primary-nav a:hover,:root[data-theme=light] #primary-nav button:hover{color:color-mix(in srgb,var(--accent) 50%,#133a63)}:root[data-theme=light] .locale-picker{color:#314b6d}:root[data-theme=light] .locale-picker option{background:#fff}:root[data-theme=light] .theme-toggle:hover{background:#e3edfa}:root[data-theme=light] .hero{color:#f1f6ff}:root[data-theme=light] .hero-kicker .ag-mark{background:linear-gradient(#fff,#8cd7ff);background-clip:text;-webkit-background-clip:text}:root[data-theme=light] .gallery-heading .spark{color:#2b74bb;text-shadow:0 0 13px #5cafff66}:root[data-theme=light] .style-tabs{background:#eaf0f9;border-color:#c6d4e7}:root[data-theme=light] .style-tabs button{color:#546781}:root[data-theme=light] .style-tabs button.active{color:#fff;background:color-mix(in srgb,var(--accent) 55%,#194b8a);box-shadow:0 3px 10px #7a96b94d}:root[data-theme=light] .search-box{background:#fff;border-color:#c8d6e9}:root[data-theme=light] .search-box input{color:#183150}:root[data-theme=light] .search-box input::placeholder{color:#7588a1}:root[data-theme=light] .filter-group select{background:#fff;border-color:#cbd7e7}:root[data-theme=light] .filter-group label,:root[data-theme=light] #result-count{color:#5a7191}:root[data-theme=light] .reset-button{color:#2b65a7}:root[data-theme=light] .template-card{background:#fff;border-color:#c6d4e7;box-shadow:0 4px 18px #1b416c0a}:root[data-theme=light] .card-body p{color:#516780}:root[data-theme=light] .color-name{color:#526c8a}:root[data-theme=light] .flag-more{color:#597394}:root[data-theme=light] .template-visual:after{background:linear-gradient(transparent,#020b20c4)}:root[data-theme=light] .benefits{background:linear-gradient(#e6effc,#f5f8fe);border-color:#c9d8ed}:root[data-theme=light] .benefit-icon{color:#2a6da9;text-shadow:0 0 15px #75b9ef77}:root[data-theme=light] .benefit p{color:#5c7393}:root[data-theme=light] #site-footer{background:#eaf0f8}:root[data-theme=light] .footer-inner p,:root[data-theme=light] .footer-inner nav,:root[data-theme=light] .copyright{color:#5c7393}:root[data-theme=light] .sample-note{color:#617693}:root[data-theme=light] .feature-panel{background:linear-gradient(100deg,#fff 48%,#e5eefb);border-color:#cbd8e9;box-shadow:0 5px 18px #2747690a}:root[data-theme=light] .feature-number>span{color:#27598e;text-shadow:0 0 12px #74b6f844}:root[data-theme=light] .feature-number small{color:#6284ab}:root[data-theme=light] .feature-panel .feature-copy>p{color:#516984}:root[data-theme=light] .provider-tags span{color:#e4efff}:root[data-theme=light] .mini-tags small{color:#5c7595}:root[data-theme=light] .mini-tags>span{color:#3276b8}:root[data-theme=light] .mini-tags.warm>span{color:#ca7836}:root[data-theme=light] .empty-state{background:#fff}:root[data-theme=light] .preview-dialog{background:radial-gradient(ellipse at top,#edf4ff,#fff 75%);border-color:#9db9df;box-shadow:0 15px 70px #0d28594d}:root[data-theme=light] .preview-top p,:root[data-theme=light] .about-content>p{color:#5c7491}:root[data-theme=light] .dialog-close{background:#eaf1fc;color:#23466d;border-color:#b8cce4}:root[data-theme=light] .preview-stage{background:#e4edf9;border-color:#c4d5ea}:root[data-theme=light] .device-switch{color:#254b76}:root[data-theme=light] .device-switch button[aria-pressed=true]{color:#fff}:root[data-theme=light] .preview-caption{color:#597596}:root[data-theme=light] .detail-tags>span{background:#eef4fc;color:#355171;border-color:#c3d2e7}:root[data-theme=light] .preview-note{background:#eef4fc;color:#577393;border-color:#c8d8ed}:root[data-theme=light] .preview-info h3 small{color:#6580a2}:root[data-theme=light] .admin-toolbar{background:#edf4fff5;border-color:#bbd1ef}:root[data-theme=light] .admin-indicator{color:#087657}:root[data-theme=light] .management-actions{background:#edf4ff}:root[data-theme=light] .admin-tools button,:root[data-theme=light] .management-actions button,:root[data-theme=light] .manager-row-actions button{background:#e4effd;color:#2e5684;border-color:#acc7e7}:root[data-theme=light] .management-actions button:last-child{color:#b63b53}:root[data-theme=light] .draft-label{color:#a66a17}:root[data-theme=light] .admin-form label,:root[data-theme=light] .admin-form legend{color:#355273}:root[data-theme=light] .admin-form input:not([type=checkbox]):not([type=radio]),:root[data-theme=light] .admin-form textarea,:root[data-theme=light] .admin-form select{background:#f5f8fe;color:#254160;border-color:#b8cce5}:root[data-theme=light] .manager-row{background:#f3f7fd}:root[data-theme=light] .form-message{color:#a35028}:root[data-theme=light] .upload-field small,:root[data-theme=light] .manager-name small{color:#607b9e}:root[data-theme=light] .palette-uploads summary{color:#315d8e}:root[data-theme=light] .toast{background:#ecf4ff;color:#23466d;box-shadow:0 8px 30px #244b7433}
@media(max-width:700px){.header-inner{gap:7px}.theme-toggle{width:29px;height:29px;font-size:21px;margin-left:auto}.locale-picker{margin-left:0}.menu-toggle{margin-left:0}.admin-toolbar{top:64px}.admin-toolbar>.container{flex-direction:column;align-items:flex-start;gap:7px;padding-block:8px}.admin-tools{gap:5px}.admin-tools button{font-size:10px;padding:4px 7px}.is-admin .gallery{scroll-margin-top:95px}.management-actions{gap:4px;padding:8px}.management-actions button{font-size:10px;padding:3px 6px}.home-hero>.management-actions{right:15px;bottom:20px}.is-admin .hero-counter{bottom:65px}.feature-panel>.management-actions{left:15px;bottom:12px}.benefit>.management-actions{left:0;gap:2px}.benefit>.management-actions button{font-size:8px;padding:3px}.is-admin .benefits-grid{row-gap:55px}.manager-dialog,.editor-dialog,.login-dialog{padding:26px 17px}.form-columns{grid-template-columns:1fr;gap:16px}.manager-heading h2{font-size:22px}.manager-row{flex-wrap:wrap;gap:10px}.manager-row-actions{width:100%;margin:0;justify-content:flex-end}.manager-name{max-width:calc(100% - 35px)}.manager-row-actions button{font-size:10px}.admin-form h2{font-size:24px}.form-actions .button{font-size:11px;padding-inline:18px}.check-options{gap:10px 15px}:root[data-theme=light] .header-inner #primary-nav{background:#f4f8fff7;border-color:#c8d8ed}}
/* 参考图中带控件的科技缩略图只露出插画区域，操作使用真实 HTML 按钮。 */
.template-card[data-record-id=tech] .template-visual:after{inset:58% 0 0;background:linear-gradient(#030d1ee8,#030d1e)}

.home-hero .hero-content{padding-top:clamp(38px,4vw,62px)}.home-hero h1{font-size:clamp(44px,4.2vw,66px)}.home-hero .hero-link{margin-top:18px}
@media(max-width:700px){.home-hero .hero-content{padding-top:54px}.home-hero h1{font-size:47px}.home-hero .hero-link{margin-top:24px}}
@media(max-width:380px){.home-hero h1{font-size:42px}}
/* Swiper 图片轮播：与模版内容共用 container，图片等比铺满并居中裁剪。 */
.home-carousel{position:relative;margin-top:24px;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#040c1e;isolation:isolate}
.home-carousel .swiper{width:100%;height:auto;overflow:hidden;border-radius:inherit}
.home-carousel .swiper-slide{height:auto;background:#040c1e;line-height:0}
.home-carousel .banner-image,.home-carousel .banner-reference{display:block;width:100%;height:auto;max-width:100%;object-fit:cover;aspect-ratio:auto}
.home-carousel .swiper-wrapper{align-items:flex-start}
.home-carousel .carousel-arrow{z-index:12;top:50%;transform:translateY(-50%);margin:0;color:#fff}
.home-carousel .prev{left:16px}.home-carousel .next{right:16px}
.home-carousel .swiper-pagination{bottom:18px;z-index:11;pointer-events:none;--swiper-pagination-color:var(--accent);--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:.5}
.home-carousel .swiper-pagination-bullet{pointer-events:auto;width:9px;height:9px;border:1px solid #fff8;box-shadow:0 0 8px #00153b80}
.home-carousel .hero-counter{z-index:12;left:20px;bottom:16px;color:#e6f1ff}
.home-carousel>.management-actions{position:absolute;z-index:15;right:20px;bottom:14px;border:1px solid var(--line);border-radius:8px}
@media(max-width:700px){.home-carousel{margin-top:16px;border-radius:9px}.home-carousel .carousel-arrow{width:29px;height:29px;font-size:24px}.home-carousel .prev{left:8px}.home-carousel .next{right:8px}.home-carousel .hero-counter{left:9px;bottom:8px;padding:1px 7px;gap:5px;font-size:9px}.home-carousel .hero-counter button{min-width:20px;min-height:20px;font-size:9px}.home-carousel .counter-line{width:12px}.home-carousel .swiper-pagination{bottom:8px;left:auto;right:42px;width:auto}.home-carousel .swiper-pagination-bullet{width:6px;height:6px;margin-inline:3px!important}.home-carousel>.management-actions{position:relative;right:auto;bottom:auto;border-radius:0;justify-content:flex-end}.is-admin .home-carousel .hero-counter{bottom:47px}.is-admin .home-carousel .swiper-pagination{bottom:47px}}
/* 同一视口固定高度，所有图片等比铺满，超出显示框的宽或高居中裁剪。 */
.home-carousel .swiper{aspect-ratio:3 / 1;height:auto}
.home-carousel .swiper-wrapper,.home-carousel .swiper-slide{height:100%;align-items:stretch}
.home-carousel .banner-image,.home-carousel .banner-reference{width:100%;height:100%;object-fit:cover}
.skitter-effect-layer{position:absolute;inset:0;overflow:hidden;z-index:8;pointer-events:none;background:transparent}
.skitter-tile{position:absolute;overflow:hidden;transform-origin:center;will-change:transform,opacity;line-height:0;background:#040c1e}
@media(prefers-reduced-motion:reduce){.skitter-effect-layer{display:none}}
.home-carousel .banner-image,.home-carousel .banner-reference{user-select:none;-webkit-user-drag:none;pointer-events:none}
.gallery-intro{padding-top:45px;padding-bottom:10px}.gallery-intro h1{font-size:44px;margin-top:10px;line-height:1.3;font-style:normal}.gallery-intro>p{font-size:14px;color:var(--muted);margin-top:10px}.gallery-loader{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 0 12px}.gallery-loader #load-status{font-size:12px;color:var(--muted)}.gallery-loader .button:disabled{opacity:.5;cursor:wait}#gallery-sentinel{height:1px}.image-pending{background:linear-gradient(120deg,#0c1d36,#152846,#0c1d36)}:root[data-theme=light] .gallery-intro h1{color:#203f63;background:none}:root[data-theme=light] .image-pending{background:linear-gradient(120deg,#e1eaf6,#f2f6fc,#e1eaf6)}
@media(max-width:700px){.gallery-intro{padding-top:28px}.gallery-intro h1{font-size:33px}.gallery-intro>p{font-size:12px}.gallery-loader{padding-top:22px}}
/* 卡片信息与操作：稳定 ID 位于左下，详情入口统一对齐右上。 */
.template-card .view-detail{display:grid;place-items:center;opacity:1;top:12px;right:12px;width:32px;height:32px;border-radius:9px;font-size:20px;line-height:1;background:#06152ad9;border:1px solid #c5dcff70;color:#edf6ff;box-shadow:0 3px 12px #0004;transition:background .2s,border-color .2s,transform .2s}
.template-card .view-detail:hover{background:#16416c;border-color:var(--accent);transform:translate(1px,-1px)}
.template-id{display:inline-flex;min-width:0;max-width:65%;padding:0;color:#9ab3d6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.3;text-align:left;border:0;background:none;transition:color .2s}
.template-id>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-id:hover,.template-id:focus-visible{color:#deefff}
:root[data-theme=light] .template-id{color:#526e91}:root[data-theme=light] .template-id:hover,:root[data-theme=light] .template-id:focus-visible{color:#214c79}
@media(hover:hover) and (pointer:fine){.template-card .card-actions{opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .2s,transform .2s}.template-card:hover .card-actions,.template-card:focus-within .card-actions{opacity:1;transform:none;pointer-events:auto}}
@media(hover:none),(pointer:coarse){.template-card .card-actions{opacity:1;transform:none;pointer-events:auto}}
@media(max-width:700px){.template-card .view-detail{top:8px;right:8px;width:28px;height:28px;font-size:18px;border-radius:8px}.template-id{font-size:9px;gap:5px;max-width:65%}}
/* 展厅直接从风格分类与搜索进入列表。 */
body[data-page=gallery] .primary-controls{width:100%;justify-content:space-between}
body[data-page=gallery] .style-tabs{flex:1;justify-content:space-between}
body[data-page=gallery] .secondary-controls{justify-content:flex-end;padding:12px 0}
@media(max-width:700px){body[data-page=gallery] .style-tabs{flex:none;justify-content:flex-start}}
/* 分类与搜索两端对齐，分类栏按内容宽度显示。 */
body[data-page=gallery] .primary-controls{justify-content:space-between;gap:20px}
body[data-page=gallery] .style-tabs{flex:0 1 auto;justify-content:flex-start;min-width:0}
body[data-page=gallery] .search-box{flex:0 0 220px;width:220px;min-width:0}
body[data-page=gallery] .secondary-controls{justify-content:flex-start}
body[data-page=gallery] .secondary-controls #result-count{align-self:flex-start}
@media(max-width:900px) and (min-width:701px){body[data-page=gallery] .primary-controls{gap:14px}body[data-page=gallery] .style-tabs{overflow-x:auto;white-space:nowrap}body[data-page=gallery] .style-tabs button{flex-shrink:0}body[data-page=gallery] .search-box{flex-basis:180px;width:180px}}
@media(max-width:700px){body[data-page=gallery] .primary-controls{gap:13px}body[data-page=gallery] .style-tabs{flex:none;width:auto;max-width:100%}body[data-page=gallery] .search-box{flex:none;width:100%}}

/* 用户模式统一隐藏描边，保留边框占位以避免切换模式时布局跳动。 */
body:not(.is-admin) :where(*):not(.login-dialog):not(.login-dialog *),
body:not(.is-admin) :where(*):not(.login-dialog):not(.login-dialog *)::before,
body:not(.is-admin) :where(*):not(.login-dialog):not(.login-dialog *)::after{
  border-color:transparent!important;
  outline:none!important;
}
body:not(.is-admin) .template-card:hover,
body:not(.is-admin) .template-card:focus-within{
  box-shadow:0 9px 30px color-mix(in srgb,var(--accent) 22%,transparent);
}
body:not(.is-admin) .style-tabs button.active{
  box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent);
}

body:not(.is-admin) :where(button,a,input,select):not(.login-dialog *):focus-visible{
  filter:brightness(1.25);
  background-color:color-mix(in srgb,var(--accent) 22%,var(--panel));
}

/* ID 只通过文字颜色反馈交互，不呈现按钮底色、描边或图标。 */
body .template-id,body .template-id:hover,body .template-id:focus-visible{
  border:0!important;outline:none!important;background:none!important;
  box-shadow:none!important;filter:none!important;
}

/* 功能内容按显示顺序交替图文，桌面统一图文比例。 */
@media(min-width:701px){
  .feature-list>.feature-panel .feature-copy{width:52%;margin-left:0}
  .feature-list>.feature-panel .feature-art{left:auto;right:0;width:48%;mask-image:linear-gradient(90deg,transparent,#000 22%)}
  .feature-list>.feature-panel.reverse .feature-copy{margin-left:48%}
  .feature-list>.feature-panel.reverse .feature-art{left:0;right:auto;mask-image:linear-gradient(-90deg,transparent,#000 22%)}
  .feature-list>.feature-panel.reverse>.management-actions{left:auto;right:30px}
  :root[data-theme=light] .feature-list>.feature-panel.reverse{background:linear-gradient(-100deg,#fff 48%,#e5eefb)}
}

/* 展厅统计位于列表底部，页脚只保留品牌、说明和版权。 */
body[data-page=gallery] .gallery-heading{margin-bottom:24px}
.footer-inner .copyright{margin-left:auto}
@media(max-width:700px){body[data-page=gallery] .gallery-heading{margin-bottom:20px}}

.preview-stage.preview-cover-stage{padding:0;min-height:0;background:transparent;border:0;align-self:start;overflow:hidden;border-radius:12px}.preview-cover{display:block;width:100%;height:auto;border-radius:12px}

.color-swatches .swatch{cursor:default;flex-shrink:0}

.preview-actions{justify-content:center;margin-top:28px;gap:12px}

.upload-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;margin-top:10px;border-radius:8px}.upload-field:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.feature-currencies,.feature-languages{margin-top:20px;gap:8px}

/* 模版管理中直接设置首页推荐，热门与最新可独立选择。 */
.manager-template-flags{display:flex;gap:16px;margin-left:auto;flex-shrink:0}
.manager-template-flags label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}
.manager-template-flags input{accent-color:var(--accent);width:16px;height:16px;margin:0}
.manager-template-flags .flag-value{min-width:1em}
.manager-template-flags input:checked+.flag-value{color:var(--text)}
.manager-template-flags+.manager-row-actions{margin-left:8px}
.template-badges{position:absolute;top:11px;left:12px;display:flex;gap:6px;z-index:2}
.template-badges .badge{position:static;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;white-space:nowrap}
@media(max-width:700px){.manager-template-flags{gap:12px}.manager-template-flags+.manager-row-actions{margin-left:0}.template-badges{top:7px;left:7px;gap:4px}}

.feature-providers{margin-top:20px;gap:8px}.feature-providers>span{font-size:12px}

/* 展厅分类与搜索吸顶，管理工具栏高度由实际布局计算。 */
body[data-page=gallery] .gallery-heading{
  position:sticky;top:var(--gallery-sticky-top,76px);z-index:24;
  padding-block:14px;background:transparent;
}
@media(max-width:700px){body[data-page=gallery] .gallery-heading{top:var(--gallery-sticky-top,64px);padding-block:12px}}

@media(max-width:420px){.header-inner{gap:6px}.header-inner .locale-picker select{max-width:76px}.header-inner .logo-words strong{font-size:13px}.header-inner .brand{gap:6px}.header-inner .theme-toggle{flex-shrink:0}.header-inner .menu-toggle{flex-shrink:0;margin-left:0}}

body[data-page=home] .gallery-heading{margin-bottom:24px}.gallery-more{margin-left:auto;white-space:nowrap;flex-shrink:0;font-size:13px}@media(max-width:700px){body[data-page=home] .gallery-heading{gap:10px;margin-bottom:20px}.gallery-more{font-size:11px}}

/* 页脚介绍与版权并排放在右侧。 */
.footer-meta{display:flex;align-items:center;gap:20px;margin-left:auto;min-width:0;max-width:100%}
.footer-inner .footer-meta p{min-width:0;max-width:none}
.footer-inner .footer-meta .copyright{width:auto;margin-left:0;flex-shrink:0}
@media(max-width:700px){.footer-meta{gap:14px}}

/* 桌面悬停时在图片中央呈现体验入口，并用蒙版提高对比度。 */
@media(hover:hover) and (pointer:fine){
  .template-card .card-actions{top:50%;bottom:auto;transform:translateY(calc(-50% + 7px))}
  .template-card:hover .card-actions,.template-card:focus-within .card-actions{transform:translateY(-50%)}
  .template-visual::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(2,10,26,.48);opacity:0;pointer-events:none;transition:opacity .2s}
  .template-card:hover .template-visual::before,.template-card:focus-within .template-visual::before{opacity:1}
}

/* 暗色表面分层：页面底色、内容面板、面板内控件逐级提亮。 */
:root:not([data-theme=light]){
  --panel:#142640;
  --surface-raised:#203958;
  --surface-shadow:0 10px 28px #00000026;
}
:root:not([data-theme=light]) #site-header{background:#102039f2}
:root:not([data-theme=light]) #site-footer{background:#102039}
:root:not([data-theme=light]) .template-card{
  background:linear-gradient(145deg,#1b304e,#142640);
  box-shadow:var(--surface-shadow);
}
:root:not([data-theme=light]) .feature-panel{
  background:linear-gradient(105deg,#1b304e,#142640);
  box-shadow:var(--surface-shadow);
}
:root:not([data-theme=light]) .feature-panel.reverse{background:linear-gradient(-105deg,#1b304e,#142640)}
:root:not([data-theme=light]) .benefits{background:linear-gradient(120deg,#1b304e,#142640)}
:root:not([data-theme=light]) :is(.style-tabs,.search-box,.filter-group select,.empty-state){background:var(--panel)}
:root:not([data-theme=light]) .style-tabs button:not(.active):hover{background:var(--surface-raised)}
:root:not([data-theme=light]) .search-box input::placeholder{color:#a1afca}
:root:not([data-theme=light]) .provider-tags span{background:linear-gradient(145deg,#304968,#203958)}
:root:not([data-theme=light]) .button:not(.secondary):not(.danger){background:linear-gradient(180deg,#285383,#1b395e)}
:root:not([data-theme=light]) .button:not(.secondary):not(.danger):hover{background:linear-gradient(180deg,#34699f,#254d7a)}
:root:not([data-theme=light]) .preview-dialog{background:radial-gradient(ellipse at top,#233c5d,#142640 75%)}
:root:not([data-theme=light]) :is(.dialog-close,.detail-tags>span,.preview-note,.secondary){background:var(--surface-raised)}
:root:not([data-theme=light]) .preview-stage:not(.preview-cover-stage){background:#0b1930}
:root:not([data-theme=light]) .dialog-close:hover{background:#305378}
:root:not([data-theme=light]) .manager-row{background:var(--surface-raised)}
:root:not([data-theme=light]) .admin-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:#0b1930}
:root:not([data-theme=light]) .management-actions{background:#102039}
@media(max-width:700px){:root:not([data-theme=light]) .header-inner #primary-nav{background:#142640f7}}

.preview-dialog.editor-dialog{padding:0;overflow:hidden}.editor-dialog #editor-form{max-height:calc(100dvh - 60px);gap:0}.editor-fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:19px;padding:35px}.editor-footer{flex-shrink:0;padding:14px 35px 20px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -10px 24px #00000012}.editor-footer .form-message:empty{display:none}.editor-footer .form-message{margin-bottom:10px}.editor-footer .form-actions{margin:0}@media(max-width:700px){.editor-dialog #editor-form{max-height:calc(100dvh - 24px)}.editor-fields{padding:25px 18px}.editor-footer{padding:12px 18px max(16px,env(safe-area-inset-bottom))}}

.card-body,.card-body .swatch{cursor:pointer}

:root[data-theme=light] .card-actions :is(button,a){background:#fff;color:#244468;border-color:#d3e0f0;backdrop-filter:none;box-shadow:0 3px 12px #122c4826}
:root[data-theme=light] .card-actions :is(button,a):hover,:root[data-theme=light] .card-actions :is(button,a):focus-visible{background:#fff;color:#1767b3;box-shadow:0 0 0 2px #67b6ff55,0 5px 16px #122c4833}

/* Unified local Lucide icon sizing and alignment. */
.theme-toggle .icon{font-size:19px}.menu-toggle .icon{font-size:22px}.locale-picker>.icon{font-size:21px}.search-box>.icon{font-size:18px;color:var(--muted)}
.card-actions :is(button,a),.demo-links .button,.gallery-more,.text-link,.form-actions .button,.admin-tools button,.management-actions button,.manager-row-actions button,#add-record,.admin-indicator{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.card-actions .icon,.demo-links .icon{font-size:15px}.view-detail .icon{font-size:18px}.dialog-close .icon{font-size:20px}.badge.hot{display:inline-flex;align-items:center;gap:3px}.badge .icon{font-size:12px}.spark.icon{font-size:29px}.carousel-arrow .icon{font-size:23px}.hero-counter button{display:grid;place-items:center}.hero-counter button .icon{font-size:14px}.empty-state>.icon{font-size:35px}

.locale-picker>span.icon{font-size:21px}.spark .icon{font-size:29px}.empty-state>span .icon{font-size:35px}

.home-carousel .hero-counter{left:auto;right:20px}.home-carousel>.management-actions{bottom:60px}@media(max-width:700px){.home-carousel .hero-counter{left:auto;right:9px}.home-carousel .swiper-pagination{left:50%;right:auto;width:auto;transform:translateX(-50%)}.home-carousel>.management-actions{bottom:auto}}