:root{--ink:#223b32;--ink-2:#395b4d;--muted:#78877c;--bg:#f7f6f0;--cream:#fdfbf3;--line:#e4e6dd;--yellow:#f0cc65;--softgreen:#e9efdf;--shadow:0 18px 58px rgba(32,55,41,.08);--radius:22px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p{line-height:1.8}h1{letter-spacing:-.04em}h2{letter-spacing:-.035em}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.preview-ribbon{min-height:34px;background:#eaf0e5;color:#4d6654;font-size:12px;letter-spacing:.025em;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 35px;position:relative}.preview-ribbon .dot{width:6px;height:6px;border-radius:50%;background:#7ca884}.preview-ribbon button{position:absolute;right:24px;top:4px;background:transparent;border:0;color:#58705c;font-size:20px}.header{position:sticky;top:0;background:rgba(251,250,245,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:20}.header-inner{height:84px;width:min(calc(100% - 56px),1360px);margin:auto;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:52px;height:52px;object-fit:cover;border-radius:17px}.brand span{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:22px;font-weight:850;letter-spacing:.02em}.brand small{font-size:9px;letter-spacing:.27em;font-weight:700}.nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,28px)}.nav a{font-size:14px;font-weight:720;color:#596b5b;white-space:nowrap;transition:color .2s}.nav a.active,.nav a:hover{color:#142d22}.star{color:#bb9752}.user-nav{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px;font-weight:700}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:750;padding:15px 25px;font-size:14px;min-height:49px;transition:transform .2s,background .2s,border-color .2s;line-height:1.2}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:#315642}.btn-light{background:white;color:var(--ink);box-shadow:0 3px 12px rgba(0,0,0,.04)}.btn-outline{border-color:#cbd5ca;background:transparent;color:var(--ink)}.btn-sm{padding:12px 20px;min-height:44px}.btn.full{width:100%}.nav-toggle{display:none;background:transparent;border:0;font-size:24px;color:var(--ink)}.loading{padding:100px;text-align:center}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#819d79;margin-bottom:17px}.section{padding-block:90px}.section-head{margin-bottom:36px}.section-head h2{font-size:clamp(29px,3.3vw,42px);margin-bottom:10px}.section-head p{color:var(--muted);margin-bottom:0}.chip,.pill{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #dce2d8;border-radius:99px;font-size:12px;color:#61745f;background:#f5f7f0;font-weight:700}.chip.green{background:#e9efe0;color:#5a7956;border-color:#dde6d2}.fine{font-size:12px;line-height:1.7;color:#8a958b}.full{width:100%}.soft-link{font-weight:750;color:var(--ink-2);font-size:14px}.soft-link:hover{text-decoration:underline}.page-head{padding-top:72px;padding-bottom:40px}.page-head h1{font-size:clamp(38px,4.2vw,55px);line-height:1.15;margin-bottom:16px}.page-head p:last-child{color:var(--muted);margin:0;font-size:15px}.warning-soft{background:#f4efe1;color:#695c3d;border:1px solid #eae0ca;border-radius:14px;padding:17px 22px;line-height:1.75;font-size:13px;margin-bottom:28px}.home-hero{position:relative;background:radial-gradient(ellipse at 65% 39%,#f5f3dc 0,#f1f3e7 40%,#f9f9f2 89%);overflow:hidden;border-bottom:1px solid #e8eada}.hero-inner{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:655px;gap:42px}.hero-copy{position:relative;z-index:2;padding:35px 0 45px}.hero-overline{font-size:13px;font-weight:800;color:#779473;letter-spacing:.18em;display:flex;align-items:center;gap:9px;margin-bottom:24px}.leaf{font-size:23px;color:#aec88b}.hero-copy h1{font-size:clamp(42px,5vw,66px);white-space:nowrap;line-height:1.2;margin-bottom:21px;letter-spacing:-.05em}.hero-lead{font-size:24px;line-height:1.5;font-weight:700;color:#50705b;margin-bottom:15px}.hero-desc{max-width:445px;font-size:15px;color:#718575;line-height:2;margin-bottom:34px}.hero-buttons{display:flex;align-items:center;gap:12px}.hero-metrics{display:flex;align-items:center;gap:20px;margin-top:63px;color:#849485;font-size:12px}.hero-metrics span{display:flex;flex-direction:column;gap:5px}.hero-metrics b{font-size:19px;color:#40624c}.hero-metrics .vert-line{height:30px;width:1px;background:#d6dccf}.hero-art{height:600px;position:relative;display:flex;align-items:center;justify-content:center}.hero-blob{position:absolute;width:95%;height:79%;top:12%;left:3%;background:#e8edda;border-radius:50% 50% 48% 46%/54% 51% 47% 43%;filter:blur(1px)}.hero-art>img{position:relative;z-index:1;width:70%;max-height:590px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 28px 26px rgba(73,67,31,.11));border-radius:35%}.hero-floating{position:absolute;z-index:2;box-shadow:var(--shadow);background:rgba(255,255,252,.94);border:1px solid #ecefe5;border-radius:15px;padding:12px 16px;font-size:12px;font-weight:750;color:#73846c}.hero-floating span{color:#d9b961}.note-one{left:-3%;top:29%}.note-two{right:0;bottom:22%}.hero-bottom{text-align:center;position:absolute;bottom:20px;left:0;right:0;font-size:11px;color:#92a18f;letter-spacing:.16em}.hero-bottom span{margin-left:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border-radius:25px;min-height:325px;padding:32px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature>div:first-child{position:relative;z-index:2}.feature-index{font-size:12px;font-weight:750;color:#72916e;letter-spacing:.12em}.feature h3{font-size:25px;line-height:1.5;margin:20px 0 10px}.feature p{color:#708074;font-size:12px;max-width:240px}.feature strong{font-size:12px;display:block;margin-top:23px}.feature>img{position:absolute;z-index:1;right:-14%;bottom:-14%;width:61%;height:77%;object-fit:contain;mix-blend-mode:multiply;border-radius:28%}.feature-green{background:#e9f1e5}.feature-beige{background:#f6efd9}.feature-lavender{background:#e9e9ef}.feature-glyph{position:absolute!important;right:10%;bottom:3%;font-size:155px;font-weight:100;color:#e5c881;opacity:.9}.soft-section{background:#f1f1e9;border-top:1px solid #e9ece3;border-bottom:1px solid #e9ece3}.home-wallpapers{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.home-wallpaper{height:335px;position:relative;overflow:hidden;border-radius:20px;background:#e2e7d6}.home-wallpaper img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.home-wallpaper:hover img{transform:scale(1.04)}.home-wallpaper:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(20,41,29,.6))}.home-wallpaper>div{position:absolute;left:24px;bottom:20px;z-index:1;color:white}.home-wallpaper span{font-size:11px;opacity:.88}.home-wallpaper h3{font-size:18px;margin:7px 0 0}.section-cta{text-align:center;margin-top:35px}.journey-strip{background:#e9efdf;padding:54px 60px;border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.journey-strip h2{font-size:29px;margin-bottom:10px}.journey-strip p:last-child{color:#809080;font-size:14px;margin:0}.footer{border-top:1px solid var(--line);padding:64px 0 50px;background:#f5f5ef}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.footer-brand{font-size:24px;font-weight:900}.footer-brand span{color:#cba75a}.footer p{font-size:13px;color:#7c8d80;margin:16px 0}.footer small{font-size:11px;color:#9aaba1}.footer-layout>div:not(:first-child){display:flex;flex-direction:column;gap:16px;font-size:13px;color:#7e8d81}.footer b{color:#375641;font-size:13px}
/* Story */
.story-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;padding:10px 0 85px}.story-menu{position:sticky;top:110px;background:white;padding:28px;border:1px solid var(--line);border-radius:20px}.story-menu h3{font-size:17px;margin:0 0 24px}.story-menu a{display:flex;gap:10px;font-size:13px;color:#526957;padding:11px 0;border-bottom:1px solid #f0f0eb;line-height:1.55}.story-menu a:hover{color:#b48c4c}.story-menu a span{color:#adbcad;font-size:11px}.sidebar-note{margin-top:25px;color:#9aaa9b;font-size:12px;line-height:2}.story-article{background:#fff;padding:58px clamp(35px,6vw,98px);border-radius:24px;border:1px solid var(--line)}.story-cover{height:320px;border-radius:18px;background:#f3f2e8;overflow:hidden;display:flex;justify-content:center}.story-cover img{max-height:100%;mix-blend-mode:multiply}.story-main-title{text-align:center;margin:50px auto 90px}.story-main-title h2{font-size:42px;margin-bottom:10px}.story-main-title p{color:#839181;font-size:13px}.story-part{padding-top:18px;margin-bottom:86px}.story-chapter-no{font-size:11px;font-weight:800;color:#b5a06d;letter-spacing:.2em}.story-part h2{font-size:29px;margin:15px 0 28px}.story-part p{font-size:15px;line-height:2.3;color:#4c5e50;white-space:normal}.story-ending{text-align:center;color:#bca76f;font-size:18px;padding-top:15px}
/* Encyclopaedia */
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}.tab{padding:16px 25px;border:0;border-bottom:3px solid transparent;background:transparent;color:#809087;font-size:15px;font-weight:800}.tab.active{border-bottom-color:#497753;color:#315b43}.encyclopedia{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;padding-top:27px;padding-bottom:80px}.encyclopedia-list,.entry,.card-filters,.card-collection,.card-focus{border:1px solid var(--line);background:#fff;border-radius:21px}.encyclopedia-list{padding:20px;position:sticky;top:110px}.aside-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 5px 17px}.aside-title strong{font-size:17px}.aside-title small{color:#a0aca0;font-size:11px}.search-input{width:100%;background:#f6f7f2;border:1px solid #edf0e9;border-radius:12px;padding:13px;margin-bottom:14px;outline:0}.search-input:focus{border-color:#9aaf99}.role-item{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:11px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);margin:3px 0}.role-item:hover,.role-item.selected{background:#f0f4e9;border-color:#e2eade}.role-item[hidden]{display:none}.role-thumb{height:48px;width:48px;background:#f7f2dd;border-radius:12px;overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;color:#b3bea9}.role-thumb img{height:100%;width:100%;object-fit:cover}.role-item strong{display:block;font-size:13px}.role-item small{display:block;color:#9baa98;font-size:10px;margin-top:5px}.role-arrow{font-size:25px;color:#a6b2a2;margin-left:auto}.entry{padding:30px}.entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:28px}.entry-head h2{font-size:32px;margin:15px 0 4px}.entry-head p{font-size:13px;color:#98a493;margin:0}.collect-state{font-size:11px;background:#f6f6f1;padding:9px 13px;border-radius:99px;color:#81917b}.entry-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:28px}.entry-visual{min-height:490px;background:#f2f0e4;border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.entry-visual>img{width:100%;height:100%;max-height:520px;object-fit:contain;mix-blend-mode:multiply}.corner-hint{position:absolute;bottom:15px;left:15px;background:#fff9;padding:9px 12px;border-radius:10px;font-size:11px}.mystery-shape{font-size:95px;color:#b8c2b2}.entry-details{padding:15px 0}.entry-details h3{font-size:23px}.entry-details>p:not(.eyebrow){font-size:14px;color:#697d6b;line-height:2}.info-pair{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 0;border-bottom:1px solid #e9ede5;font-size:13px}.info-pair b{white-space:nowrap}.info-pair span{color:#7f917f;text-align:right;line-height:1.7}.entry-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.entry-bottom{margin-top:40px;padding:30px 6px 0;border-top:1px solid var(--line)}.entry-bottom h3{font-size:18px}.entry-bottom h3 span{color:#c1b489;margin:0 6px}.entry-bottom p{font-size:13px;color:#8b998a;margin:0}
/* cards */
.card-catalog{display:grid;grid-template-columns:205px minmax(0,1fr) 308px;gap:16px;padding-top:25px;padding-bottom:85px;align-items:start}.card-filters,.card-collection,.card-focus{padding:21px}.card-filters{position:sticky;top:110px}.card-filters h3{font-size:18px;margin-bottom:8px}.card-filters>p{font-size:12px;color:#98a594}.rarity-filter{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;border-radius:10px;padding:13px;font-size:13px;color:#627663;font-weight:700}.rarity-filter.active,.rarity-filter:hover{background:#eef3e9;color:#305741}.rarity-filter span{font-size:11px;color:#a8b5a2}.filter-hint{margin-top:28px;padding:18px 0;border-top:1px solid var(--line)}.filter-hint strong{font-size:12px}.filter-hint span{display:block;font-size:11px;color:#9ba99a;line-height:1.7;margin-top:9px}.catalog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.catalog-head h2{font-size:22px;margin-bottom:4px}.catalog-head p{font-size:12px;color:#91a090;margin:0}.cards-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-tile{text-align:left;border:1px solid #e8ebe3;background:#fdfdf9;padding:9px;border-radius:16px;min-width:0;transition:transform .2s}.card-tile:hover{transform:translateY(-3px)}.card-tile.picked{border-color:#9eb5a0;box-shadow:0 0 0 3px #eff4e8}.card-tile img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:11px;background:#f0f0e8}.card-tile strong{font-size:12px;margin:12px 6px 6px;display:block}.card-tile small{display:block;color:#9ba69a;font-size:10px;margin:0 6px 7px}.card-focus{position:sticky;top:110px}.card-focus h3{font-size:19px;margin:12px 0 17px}.focus-card{display:flex;justify-content:center;background:#f5f5ef;border-radius:12px;padding:12px}.focus-card img{max-height:365px;border-radius:7px}.card-focus .info-pair{font-size:12px;padding:12px 0}.card-focus .btn{margin-top:17px}
/* gallery */
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.gallery-toolbar strong{font-size:20px}.segmented{display:flex;background:#eaede6;border-radius:11px;padding:4px;gap:3px}.segmented button{border:0;background:transparent;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700;color:#6d816c}.segmented button.active{background:white;color:#315c3f;box-shadow:0 3px 11px rgba(46,64,42,.06)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.gallery-item>a{display:flex;background:#f0f1e8;height:345px;justify-content:center}.gallery-item img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.gallery-item>a:hover img{transform:scale(1.035)}.gallery-item>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px}.gallery-item strong{font-size:13px}.gallery-item>div a{font-size:12px;color:#638065;white-space:nowrap}.gallery-footnote{text-align:center;margin-top:25px}
/* studio */
.studio-grid{display:grid;grid-template-columns:1.2fr .88fr;gap:22px;align-items:stretch;padding-bottom:90px}.model-panel{background:#e9eddf;border-radius:26px;position:relative;padding:23px;min-height:690px}.model-tag{display:inline-block;background:#fffffff0;border-radius:99px;padding:11px 16px;font-size:11px;font-weight:750;color:#526d55;position:absolute;top:28px;left:30px;z-index:2}.model-frame{height:555px;display:flex;align-items:center;justify-content:center}.model-frame model-viewer{width:100%;height:100%;outline:0}.model-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:12px;color:#81927f}.model-placeholder img{width:auto;height:90%;max-width:100%;mix-blend-mode:multiply;object-fit:contain}.model-controls{display:flex;gap:11px;flex-wrap:wrap;justify-content:center}.model-controls>*{background:#ffffffc7;border:1px solid #dce3d4;color:#607963;border-radius:9px;padding:10px 12px;font-size:12px}.model-panel>.fine{text-align:center;max-width:620px;margin:14px auto}.studio-sidebar{background:#fffef8;border:1px solid var(--line);border-radius:26px;padding:40px}.studio-sidebar h2{font-size:31px;line-height:1.5;margin:18px 0}.studio-sidebar>p{color:#8a9988;font-size:14px}.studio-sidebar h3{font-size:19px;margin:30px 0 17px}.studio-sidebar h3 small{font-size:11px;color:#a1ab9e;font-weight:500}.wardrobe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wardrobe-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#f5f6f0;border:1px solid #eaede5;border-radius:13px;padding:14px 7px;color:#536a57}.wardrobe-grid button:hover{background:#ebf0e6}.wardrobe-grid b{font-size:23px;font-weight:400}.wardrobe-grid span{font-size:11px}.quota{background:#f1f4ea;padding:19px;border-radius:14px;margin:24px 0}.quota b{font-size:13px}.quota p{font-size:12px;color:#819080;line-height:1.8;margin:10px 0 13px}.quota small{font-size:10px;color:#9dac98}.quota-bar{height:7px;background:#dce5d6;border-radius:99px;margin-bottom:8px;overflow:hidden}.quota-bar i{display:block;width:0;height:100%;background:#84a087}
/* explore & summon */
.explore-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.explore-card{display:flex;position:relative;overflow:hidden;border-radius:25px;min-height:335px;padding:40px;color:#fff}.explore-card>div{position:relative;z-index:2;max-width:55%}.explore-card span{font-size:12px;letter-spacing:.14em;font-weight:700}.explore-card h2{font-size:32px;margin:22px 0}.explore-card p{font-size:12px;color:#fff9}.explore-card strong{font-size:12px;margin-top:25px;display:block}.explore-card img{position:absolute;right:-5%;bottom:-20%;height:130%;width:55%;object-fit:contain;transform:rotate(10deg)}.explore-ink{background:linear-gradient(120deg,#334a59,#3b456a)}.explore-hatch{background:linear-gradient(120deg,#b9b98c,#e7e3bf);color:#3c583d}.explore-hatch p{color:#55705a}.explore-hatch img{height:108%;bottom:-15%;right:-3%;mix-blend-mode:multiply;transform:none;border-radius:50%}.planned-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:23px}.planned-modules article{padding:23px;background:white;border-radius:17px;border:1px solid var(--line)}.planned-modules span{font-size:27px}.planned-modules strong{display:block;margin:15px 0 7px;font-size:14px}.planned-modules p{font-size:11px;color:#849482;min-height:38px}.planned-modules small{font-size:10px;color:#b2bea9}.summon-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.summon-box{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:355px}.summon-art{background:#e6e9ed;display:flex;align-items:center;justify-content:center;padding:20px}.summon-art img{max-height:315px;box-shadow:0 15px 28px #0002}.outfit-art{background:linear-gradient(135deg,#f7ecd6,#cfdcd4)}.outfit-symbol{font-size:130px;color:#b59b65}.summon-copy{padding:38px 30px}.summon-copy h2{font-size:25px;line-height:1.5;margin:16px 0}.summon-copy p{font-size:13px;color:#7b8c80}.summon-copy .btn{margin-top:20px;padding:12px 13px;min-height:44px;font-size:12px}.price-note{background:#f0f2e9;border-radius:20px;margin-top:22px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:26px}.price-note h3{font-size:18px;margin:0}.price-note p{color:#7e907d;font-size:13px;margin:8px 0 0;max-width:680px}
/* hatch */
.hatch-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;padding-bottom:90px}.hatch-stage{background:radial-gradient(ellipse at center,#fefbed,#f2ebd1 74%,#e7e7cf);min-height:580px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.hatch-sparks{letter-spacing:45px;color:#e9bf62;font-size:33px;position:absolute;top:75px;left:20%}.egg-holder{display:flex;align-items:center;justify-content:center;height:380px;width:380px;max-width:90%;border-radius:50%}.egg-holder img{max-height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:50%}.egg-holder.wobble{animation:wobble 1s infinite ease-in-out}@keyframes wobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}.hatch-caption{font-size:13px;font-weight:600;color:#877d58;margin-top:17px}.hatch-console{background:white;border:1px solid var(--line);border-radius:26px;padding:48px 44px}.hatch-console h2{font-size:35px;margin:18px 0}.hatch-console>p{font-size:14px;color:#788977}.progress{height:9px;border-radius:99px;background:#eaede1;margin-top:36px}.progress span{display:block;background:#a8c29a;height:100%;width:0;border-radius:99px}.hatch-console .btn{margin-top:24px}.hatch-console>a{display:inline-block;margin-top:14px}
/* Account & redeem */
.account-head{display:flex;align-items:center;gap:20px;background:#eaf0e3;padding:26px 33px;border-radius:21px}.avatar{height:80px;width:80px;border-radius:20px;overflow:hidden;flex:none;background:#e6ddbb}.avatar img{width:100%;height:100%;object-fit:cover}.account-head h2{font-size:23px;margin:9px 0 4px}.account-head p{font-size:12px;color:#829480;margin:0}.account-head .btn{margin-left:auto}.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.account-panel{background:white;border:1px solid var(--line);padding:31px;border-radius:21px}.account-panel h3{font-size:20px}.account-panel>p{font-size:13px;color:#899689}.rank-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rank-list>div{background:#f6f7f1;padding:13px 9px;border-radius:9px;font-size:12px}.rank-list span{font-size:10px;color:#b8b8a7;margin-right:8px}.storage-links{display:grid;gap:9px}.storage-links>a{display:flex;justify-content:space-between;padding:16px;border:1px solid #ecede7;border-radius:10px;font-size:13px}.storage-links a:hover{background:#f2f5ee}.redeem-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding-bottom:90px}.redeem-main,.redeem-aside{background:white;border:1px solid var(--line);border-radius:23px;padding:38px}.redeem-title{display:flex;align-items:center;gap:18px}.icon-bubble{width:65px;height:65px;border-radius:20px;display:grid;place-items:center;background:#eaf1e5;font-size:33px;color:#668b67;flex:none}.redeem-title h2{margin-bottom:6px}.redeem-title p{font-size:13px;color:#8b9888;margin:0}.redeem-form{display:flex;flex-direction:column;gap:12px;margin-top:37px}.redeem-form label{font-weight:750;font-size:13px}.redeem-form input{padding:18px;border:1px solid #d9e3d6;border-radius:11px;letter-spacing:.19em;outline:0;font-weight:750;font-size:17px;width:100%}.redeem-form input:focus{border-color:#7a9e7a}.redeem-form .btn{align-self:flex-start}.redeem-feedback{color:#4c7856;font-size:13px;line-height:1.7;margin-top:10px;min-height:18px}.redeem-guide{margin-top:27px;border-top:1px solid var(--line);padding-top:25px}.redeem-guide h3{font-size:18px}.redeem-guide ol{padding-left:18px;font-size:13px;line-height:2;color:#839182}.redeem-aside h3{margin-bottom:24px}.purchase-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:19px 0}.purchase-item strong{font-size:13px}.purchase-item small{display:block;font-size:11px;color:#9baa97;margin-top:7px}.purchase-item button{font-size:11px;background:#ebf2e6;border:1px solid #d4e2d1;border-radius:8px;color:#416b4e;font-weight:700;white-space:nowrap;padding:11px}.purchase-item button:hover:not(:disabled){background:#dfebd8}.redeem-aside>.fine{margin-top:25px}
/* auth */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:90px}.auth-art{position:relative;background:#eef1df;border-radius:24px;display:flex;justify-content:center;overflow:hidden;min-height:575px}.auth-art img{height:100%;max-height:575px;object-fit:contain;mix-blend-mode:multiply}.auth-art:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(50,71,45,.55))}.auth-art>div{position:absolute;bottom:32px;left:36px;z-index:2;color:white}.auth-art h2{font-size:27px}.auth-art p{font-size:12px}.auth-form-panel{background:white;border:1px solid var(--line);border-radius:24px;padding:60px clamp(28px,4vw,70px)}.auth-form-panel h2{font-size:27px}.auth-form-panel>p{font-size:13px;color:#8b988b}.account-demo-form{display:flex;flex-direction:column;gap:16px;margin-top:29px}.account-demo-form label{font-size:13px;font-weight:750}.account-demo-form input{margin-top:8px;display:block;border:1px solid #e0e6db;border-radius:10px;width:100%;padding:15px;outline:0;background:#fbfcf9}.account-demo-form .btn{margin-top:9px}.auth-bottom{display:flex;gap:17px;flex-wrap:wrap;margin-top:22px;font-size:12px;color:#5f8068}
/* notice */
.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice-grid article{padding:35px;background:#fff;border-radius:18px;border:1px solid var(--line)}.notice-grid h2{font-size:20px}.notice-grid p{font-size:14px;color:#809180}
/* dialog */
.dialog[hidden]{display:none}.dialog{position:fixed;z-index:99;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.dialog-mask{position:absolute;inset:0;background:#1c3225ad;backdrop-filter:blur(5px)}.dialog-panel{position:relative;z-index:2;max-height:88vh;overflow:auto;background:white;border-radius:22px;width:min(100%,490px);padding:35px;box-shadow:0 25px 80px #0003}.dialog-panel h2{font-size:23px}.dialog-panel p{color:#748471;font-size:14px;line-height:1.9}.dialog-panel code{font-size:13px;background:#eef2e9;padding:3px 5px;border-radius:4px}.dialog-panel .btn{margin-top:20px}.dialog-x{position:absolute;right:23px;top:17px;background:transparent;border:0;font-size:25px;color:#879c85}.dialog-card-img{display:block;width:200px;max-height:300px;object-fit:contain;margin:12px auto}
@media(max-width:1140px){.nav{gap:12px}.nav a{font-size:12px}.user-nav{gap:10px}.brand strong{font-size:19px}.brand small{letter-spacing:.18em}.header-inner{gap:15px}.card-catalog{grid-template-columns:170px minmax(0,1fr) 250px}.card-focus{padding:14px}.summon-box{grid-template-columns:40% 60%}.summon-copy{padding:27px 21px}.hero-inner{gap:10px}}
@media(max-width:960px){.wrap{width:min(calc(100% - 38px),var(--max))}.header-inner{height:72px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffefa;flex-direction:column;align-items:stretch;padding:18px 25px;border-bottom:1px solid var(--line);box-shadow:0 20px 22px #0000000b}.nav.open{display:flex}.nav a{font-size:14px;padding:8px}.user-nav{margin-left:auto}.hero-inner{min-height:550px}.hero-copy h1{font-size:clamp(30px,5vw,49px)}.hero-lead{font-size:19px}.hero-metrics{margin-top:35px}.hero-art{height:470px}.feature{padding:23px;min-height:295px}.feature h3{font-size:21px}.card-catalog{grid-template-columns:180px minmax(0,1fr)}.card-focus{grid-column:2;position:static}.cards-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-grid{grid-template-columns:1fr}.entry-visual{min-height:360px}.encyclopedia{grid-template-columns:220px minmax(0,1fr)}.entry-head{display:block}.collect-state{display:inline-block;margin-top:12px}.studio-grid{grid-template-columns:1fr}.model-panel{min-height:630px}.hatch-grid{grid-template-columns:1fr}.hatch-stage{min-height:420px}.redeem-layout{grid-template-columns:1fr}.explore-cards{gap:14px}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}.header-inner{width:calc(100% - 26px);height:67px}.brand{gap:7px}.brand img{width:40px;height:40px;border-radius:12px}.brand strong{font-size:17px}.brand small{font-size:7px;letter-spacing:.14em}.user-nav{gap:7px}.user-nav>a:first-child{display:none}.user-nav .btn{padding:10px 11px;min-height:38px;font-size:11px}.preview-ribbon{font-size:10px;min-height:36px;padding-left:15px;padding-right:26px;text-align:center}.preview-ribbon button{right:6px}.home-hero{padding-top:25px}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:unset}.hero-copy{padding:24px 0 0;width:100%;text-align:center}.hero-overline{justify-content:center;font-size:11px;margin-bottom:15px}.hero-copy h1{font-size:clamp(30px,7.5vw,48px);white-space:nowrap}.hero-lead{font-size:18px;margin-bottom:8px}.hero-desc{margin:0 auto 20px;font-size:12px;line-height:1.8;max-width:350px}.hero-buttons{justify-content:center}.hero-buttons .btn{font-size:11px;padding:12px 15px;min-height:42px}.hero-metrics{justify-content:center;margin-top:25px;gap:15px;font-size:10px}.hero-metrics b{font-size:15px}.hero-art{height:320px;width:100%;max-width:420px}.hero-blob{width:75%;height:78%;left:12%;top:11%}.hero-art>img{max-height:300px;width:55%}.hero-floating{font-size:9px;padding:8px}.note-one{left:0}.note-two{right:5%}.hero-bottom{position:relative;bottom:auto;padding-bottom:18px;font-size:9px}.section{padding-block:58px}.section-head{margin-bottom:25px}.section-head h2{font-size:28px}.section-head p{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature{min-height:245px}.feature img{right:-5%;width:48%;height:95%;bottom:-10%}.feature h3{font-size:23px}.feature>div:first-child{max-width:62%}.feature-glyph{font-size:125px!important}.home-wallpapers{grid-template-columns:1fr 1fr;gap:10px}.home-wallpaper{height:205px}.home-wallpaper.big{grid-column:1/-1;height:260px}.home-wallpaper>div{bottom:14px;left:14px}.home-wallpaper h3{font-size:13px}.journey-strip{padding:30px;display:block;text-align:center}.journey-strip h2{font-size:23px}.journey-strip .btn{margin-top:24px}.footer{padding:44px 0}.footer-layout{grid-template-columns:1.3fr 1fr;gap:32px 13px}.footer-layout>div:first-child{grid-column:1/-1}.page-head{padding:42px 0 24px}.page-head h1{font-size:35px}.page-head p:last-child{font-size:12px}.story-layout{display:block;padding-bottom:55px}.story-menu{position:static;margin-bottom:18px;padding:23px}.story-menu .toc-links{max-height:230px;overflow:auto}.story-article{padding:27px 20px}.story-cover{height:250px}.story-main-title{margin:40px auto 65px}.story-main-title h2{font-size:30px}.story-part h2{font-size:24px}.story-part p{font-size:14px}.tabs .tab{padding:13px 20px;font-size:13px}.encyclopedia{display:block;padding-top:15px;padding-bottom:55px}.encyclopedia-list{position:static;padding:15px;margin-bottom:15px}.encyclopedia-list #role-list{display:flex;overflow-x:auto;gap:7px}.role-item{min-width:190px;max-width:190px;flex:none}.entry{padding:19px}.entry-head h2{font-size:28px}.entry-grid{gap:15px}.entry-visual{min-height:330px}.entry-details{padding:12px 0}.card-catalog{display:block;padding-top:16px;padding-bottom:65px}.card-filters{position:static;margin-bottom:14px;padding:14px}.card-filters>p,.filter-hint{display:none}.rarity-filter{width:auto;display:inline-flex;padding:10px;font-size:11px}.rarity-filter span{display:none}.card-collection,.card-focus{margin-bottom:14px;padding:14px}.catalog-head h2{font-size:19px}.catalog-head p{font-size:11px}.catalog-head .chip{display:none}.cards-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-focus{position:static}.focus-card img{max-height:280px}.gallery-toolbar{display:block}.gallery-toolbar strong{display:block;margin-bottom:15px}.segmented{display:inline-flex;max-width:100%;overflow:auto}.segmented button{white-space:nowrap}.gallery-grid{grid-template-columns:1fr 1fr;gap:11px}.gallery-item>a{height:250px}.gallery-item>div{display:block;padding:12px}.gallery-item strong{display:block;font-size:11px}.gallery-item>div a{display:block;margin-top:8px}.studio-grid{display:block;padding-bottom:55px}.model-panel{min-height:450px;padding:15px;margin-bottom:15px}.model-frame{height:395px}.model-controls{gap:5px}.model-controls>*{font-size:10px;padding:8px}.model-tag{font-size:9px;left:20px;top:20px}.studio-sidebar{padding:25px}.studio-sidebar h2{font-size:27px}.explore-cards{grid-template-columns:1fr}.explore-card{min-height:260px;padding:27px}.explore-card h2{font-size:25px}.planned-modules{grid-template-columns:1fr 1fr;gap:10px}.planned-modules article{padding:16px}.planned-modules p{min-height:50px}.summon-layout{grid-template-columns:1fr}.summon-box{min-height:250px}.summon-copy{padding:24px 16px}.summon-copy h2{font-size:19px}.summon-copy p{font-size:11px}.summon-copy .btn{font-size:10px;padding:10px 9px}.price-note{display:block;padding:23px}.price-note .btn{margin-top:20px}.hatch-stage{min-height:350px}.hatch-sparks{top:18px}.egg-holder{width:280px;height:280px}.hatch-console{padding:28px}.hatch-console h2{font-size:28px}.account-head{display:block;padding:23px}.account-head .avatar{float:left;margin-right:15px;width:64px;height:64px}.account-head h2{font-size:18px}.account-head .btn{margin-top:15px}.account-columns,.redeem-layout{grid-template-columns:1fr}.account-panel,.redeem-main,.redeem-aside{padding:23px}.rank-list{grid-template-columns:1fr 1fr}.rank-list>div{font-size:10px}.auth-layout{grid-template-columns:1fr}.auth-art{min-height:240px;height:250px}.auth-art img{height:100%}.auth-art h2{font-size:20px}.auth-art p{font-size:11px}.auth-form-panel{padding:25px}.notice-grid{grid-template-columns:1fr}.notice-grid article{padding:25px}.mini-stats{grid-template-columns:repeat(5,1fr)}.dialog-panel{padding:24px}}
/* V2: real account and admin UI */
.inline-live-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.inline-live-form label,.account-demo-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#43564c}.inline-live-form input,.inline-live-form select,.account-demo-form select,.admin-live textarea{width:100%;border:1px solid #d7ded5;border-radius:12px;padding:12px;background:#fff;color:#24382e;font:inherit}.inline-live-form .btn{grid-column:1/-1}.saved-look{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8e1;padding:12px 0;gap:8px}.saved-look span{display:flex;flex-direction:column;gap:4px}.saved-look small{color:#839189}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.admin-summary .account-panel h2{font-size:32px}.admin-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.admin-table-scroller{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}.admin-table td,.admin-table th{padding:12px;text-align:left;border-bottom:1px solid #e5e8e3}.code-results{margin-top:20px;padding:14px;background:#f3f8f2;border-radius:12px}.code-results textarea{min-height:170px;line-height:1.5;margin:10px 0}.redeem-feedback:not(:empty){padding:12px 14px;background:#eef4ed;border:1px solid #d7e3d6;border-radius:12px;margin-top:12px;color:#2e5742}.account-demo-form button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:800px){.admin-summary,.admin-two{grid-template-columns:1fr}.inline-live-form{grid-template-columns:1fr}}

/* V3: 用户收藏仓库 */
.collection-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:14px 0 18px}
.collection-live-grid>div{background:#f8f7f0;border:1px solid #e8e6dc;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.collection-live-grid strong{font-size:22px;color:#243f30}
.collection-live-grid small{color:#73776b;line-height:1.5}
.hatch-console .progress span{transition:width .3s ease}

/* V3.1: account settings */
.account-settings{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}
.account-settings h3{margin-bottom:14px}.account-settings .account-demo-form{max-width:560px}
.account-settings input{min-width:0}
.preview-ribbon a{color:#234d32;text-decoration:underline;font-weight:750}

/* V3.1: do not hide the account link on narrow screens after login */
@media(max-width:650px){.user-nav.logged-in>a:first-child{display:inline-flex;font-size:11px}.user-nav.logged-in>.btn{display:none}}

/* 奶蛙宇宙 V4.0 · 生息孵化室与碎片兑换 */
.v4-hatch-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.v4-hatch-overview h2{margin:5px 0 0}.v4-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin:22px 0}.v4-slot-card{border:1px solid #e7e9df;background:#fff;border-radius:20px;padding:18px;display:flex;gap:12px;flex-direction:column;min-height:194px}.v4-slot-head{display:flex;justify-content:space-between;gap:9px}.v4-slot-head span{color:#64816d;font-size:12px}.v4-slot-egg{display:block;object-fit:contain;width:80px;height:80px;margin:0 auto}.v4-slot-empty{height:80px;display:flex;align-items:center;justify-content:center;background:#fafbf7;border-radius:16px;font-size:30px}.v4-slot-card small{color:#6b726c}.v4-fragment-exchange{padding:18px 0;border-block:1px solid #e7e9df;margin-top:24px}.v4-fragment-exchange p{color:#6b726c;margin:8px 0 12px}.v4-fragment-exchange form{margin-bottom:8px}@media(max-width:720px){.v4-hatch-overview{grid-template-columns:1fr}.v4-slot-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}}
/* 奶蛙宇宙 V4 第二阶段：蛙民隐私中心与管理员工作台 */
.privacy-space{margin-top:28px}.privacy-space .account-demo-form{max-width:660px}.inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;font-weight:600}.inline-check input{width:18px;height:18px;flex:none}.privacy-space textarea,.admin-v4 textarea{min-width:0;width:100%;padding:12px;font:inherit;border:1px solid #d7ded5;border-radius:12px;resize:vertical;background:#fff;color:#24382e}.account-ledger{border:1px solid #e3e8df;border-radius:14px;overflow:hidden}.account-ledger>div{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #ecf0ea;font-size:13px}.account-ledger>div:last-child{border-bottom:0}.frog-public{max-width:850px;margin:auto}.frog-public h3{margin:24px 0 12px}.public-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.public-pills{display:flex;flex-wrap:wrap;gap:10px}.v4-admin-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 0 22px;padding:8px;background:#f2f5ef;border-radius:16px}.v4-admin-tabs button{white-space:nowrap;padding:11px 18px;border:0;border-radius:12px;color:#526856;background:transparent;font-weight:750;cursor:pointer}.v4-admin-tabs button.selected{background:#fff;box-shadow:0 2px 8px #c1cab050;color:#234d32}.admin-v4 .account-panel{margin-bottom:18px}.notice-admin-list article{border-bottom:1px solid #e0e8dc;padding:14px 0}.notice-admin-list article:last-child{border-bottom:0}.notice-admin-list b,.notice-admin-list small{display:block}.notice-admin-list small{font-size:12px;color:#677e6d;margin-top:4px}.notice-admin-list p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#606e65;margin:8px 0}.notice-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.notice-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:16px 0}.notice-live-grid .account-panel{margin:0}.notice-live-grid h3{margin-bottom:10px}.notice-live-grid small{color:#7b8c81}
@media(max-width:720px){.admin-v4 .admin-summary{grid-template-columns:1fr}.v4-admin-tabs button{font-size:12px;padding:10px 12px}.admin-v4 .admin-two{grid-template-columns:1fr}}
/* 收藏明细选项卡 */
.collection-details{padding:19px 0 14px}.collection-details h3{margin:0 0 14px}.v4-mini-tabs{display:flex;gap:8px;margin-bottom:13px}.v4-mini-tabs button{padding:9px 17px;border:1px solid #d9e2d7;border-radius:12px;background:#fff;color:#365846;cursor:pointer;font:inherit;font-size:13px}.v4-mini-tabs button.selected{background:#e8f2df;border-color:#9ab89a;font-weight:700}
/* V4 第三阶段：内容管理与管理员草稿预览 */
.cms-editor-item{padding:15px 0;border-bottom:1px solid #e6ede4}.cms-editor-item:last-child{border-bottom:0}.cms-editor-item b,.cms-editor-item small{display:block}.cms-editor-item small{margin-top:6px;font-size:12px;color:#63756a}.cms-editor-item p{font-size:13px;color:#64756b;margin:10px 0;overflow-wrap:anywhere}.cms-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.cms-draft-preview{background:#fbfbf5;border:1px dashed #bbcbb5}.cms-version-row{border-bottom:1px solid #e6ece4;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cms-version-row span{font-size:12px;color:#64756b}.account-demo-form input[readonly]{background:#f0f2ec;cursor:not-allowed}
/* V4 第四阶段卡牌编辑器与卡池页面 */
.v4-stat-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px}
.v4-stat-editor label{min-width:0}
.v4-stat-editor input{width:100%;min-width:0}
.v4-skill-field{border:1px solid var(--line);background:#fcfcf9;border-radius:15px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.v4-skill-field legend{padding:0 8px;font-weight:800;font-size:13px;color:var(--ink)}
.v4-admin-tabs{flex-wrap:wrap}
.admin-two>.account-panel{min-width:0}
.admin-v4 .cms-editor-item{overflow-wrap:anywhere}
@media(max-width:720px){.v4-stat-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-skill-field{padding:11px}}
/* V4 第五阶段：造型工作台（不改变官方模型网格）。 */
.skin-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0 25px}
.skin-choice{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;background:#f9faf5;border:1px solid #e1e6db;border-radius:14px;padding:14px 7px;color:#48594a;cursor:pointer}
.skin-choice.selected{background:#f0f7e9;border:2px solid #78a779;padding:13px 6px}
.skin-choice:focus-visible{outline:3px solid #517f52;outline-offset:2px}
.skin-choice b{font-size:12px;line-height:1.5;font-weight:700;text-align:center}
.skin-choice small{font-size:10px;color:#829184;text-align:center}
.skin-swatch{display:block;width:36px;height:36px;border-radius:50%;background:var(--skin);border:2px solid #fff;box-shadow:0 0 0 1px #cbd8c7,0 4px 8px #24392620}
.v4-studio-locked .wardrobe-grid button:disabled{opacity:.55;cursor:not-allowed}
.studio-look-form{margin:18px 0}.studio-look-form label{display:block}.studio-look-form button:disabled{opacity:.48;cursor:not-allowed}
.studio-looks-list .saved-look{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:8px 0}
.studio-looks-list .saved-look span{flex:1 1 130px;min-width:100px}
.stage5-studio .model-panel{min-width:0}.stage5-studio .model-frame{min-width:0}
@media(max-width:650px){.skin-picker{gap:8px}.skin-choice{padding:11px 6px}.skin-choice b{font-size:11px}.stage5-studio .model-frame{height:370px}}

/* Safety and privacy pages - Studio layout intentionally unchanged. */
.legal-page{max-width:850px;margin:auto;padding:35px 42px}.legal-page h2{margin:32px 0 12px}.legal-page p{line-height:2}.account-data-management{margin-top:22px}.account-data-management .account-demo-form{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.mfa-secret{font-size:20px;letter-spacing:2px;overflow-wrap:anywhere;font-weight:800}.backup-codes{white-space:pre-wrap;line-height:1.9;font-size:15px}.code-results{padding:18px;border-radius:12px;background:#f7f6ee;margin:15px 0;overflow-wrap:anywhere}@media(max-width:600px){.legal-page{padding:24px 18px}.mfa-secret{font-size:15px;letter-spacing:1px}}

/* V4.0 卡牌档案正面 + 右侧详情。取消翻面及背面弹窗，造型研究所不变。 */
.card-catalog-v4{grid-template-columns:205px minmax(0,1fr);gap:20px}
.card-catalog-v4 .card-library{min-width:0;display:flex;flex-direction:column;gap:18px}
.card-catalog-v4 .catalog-head{margin:0;padding:7px 2px 0;flex-wrap:wrap}
.card-catalog-v4 .card-showcase{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}
.card-catalog-v4 .card-art-panel,.card-catalog-v4 .card-details-panel,.card-catalog-v4 .card-selector-panel{background:#fffefa;border:1px solid #e4e8dc;border-radius:20px;box-shadow:0 10px 35px #263e3210;min-width:0}
.card-catalog-v4 .card-art-panel{padding:22px;text-align:center}
.card-catalog-v4 .card-art-panel>.chip{display:inline-block;margin:0 auto 14px}
.card-catalog-v4 .card-art-frame{background:linear-gradient(145deg,#f4f4e9,#edeedc);border-radius:16px;padding:15px;display:flex;align-items:center;justify-content:center;min-height:435px}
.card-catalog-v4 .card-art-frame img{display:block;width:100%;max-width:370px;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:11px;box-shadow:0 15px 33px #27382722}
.card-catalog-v4 .card-art-panel>p{font-size:12px;color:#7e8d80;margin:16px auto 2px}
.card-catalog-v4 .card-details-panel{position:static;padding:25px 27px}
.card-catalog-v4 .card-details-panel h3{font-size:24px;line-height:1.35;margin:13px 0}
.card-catalog-v4 .card-identifiers{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.card-catalog-v4 .card-identifiers span{font-size:11px;background:#f2f5eb;color:#5d715b;border-radius:9px;padding:7px 9px}
.card-catalog-v4 .card-detail-section{border-top:1px solid #e9ebe4;padding:18px 0 2px;margin-top:9px}
.card-catalog-v4 .card-detail-section h4{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;margin:0 0 14px;color:#345440}
.card-catalog-v4 .card-detail-section h4 small{font-size:11px;color:#829485;font-weight:500}
.card-catalog-v4 .card-detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.card-catalog-v4 .card-detail-stat{background:#f5f2e7;border:1px solid #ede8d8;border-radius:12px;text-align:center;padding:12px 3px;min-width:0}
.card-catalog-v4 .card-detail-stat span{display:block;font-size:11px;color:#7c8575;margin-bottom:7px}
.card-catalog-v4 .card-detail-stat strong{display:block;font-size:19px;color:#2a4c37;font-variant-numeric:tabular-nums}
.card-catalog-v4 .card-detail-skills{display:flex;flex-direction:column;gap:10px}
.card-catalog-v4 .card-detail-skill{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#f8f9f3;border-radius:13px}
.card-catalog-v4 .card-skill-index{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#e9f1e2;color:#58715b;font-weight:800;font-size:11px}
.card-catalog-v4 .card-detail-skill>div{min-width:0;flex:1}
.card-catalog-v4 .card-skill-title{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.card-catalog-v4 .card-skill-title strong{font-size:13px;color:#304936}
.card-catalog-v4 .card-skill-title>span{font-size:10px;background:#e9efe3;padding:3px 8px;border-radius:99px;color:#5e7a61}
.card-catalog-v4 .card-detail-skill p,.card-catalog-v4 .card-detail-story p,.card-catalog-v4 .card-unreleased p{font-size:12px;line-height:1.85;color:#6d7d70;margin:7px 0 0;overflow-wrap:anywhere}
.card-catalog-v4 .card-detail-story p{font-size:13px;line-height:2}
.card-catalog-v4 .card-details-panel>.fine{margin:16px 0 2px;border-top:1px dashed #e8eadf;padding-top:13px}
.card-catalog-v4 .card-selector-panel{padding:22px 24px}
.card-catalog-v4 .card-selector-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:17px;flex-wrap:wrap}
.card-catalog-v4 .card-selector-heading h3{font-size:17px;margin:0}
.card-catalog-v4 .card-selector-heading p{font-size:12px;color:#869587;margin:0}
.card-catalog-v4 .cards-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.card-catalog-v4 .card-tile{cursor:pointer}
.card-catalog-v4 .card-tile:focus-visible{outline:3px solid #5a9370;outline-offset:3px}
.card-catalog-v4 .card-tile img{aspect-ratio:2/3;object-fit:contain}
@media(max-width:1140px){.card-catalog-v4{grid-template-columns:165px minmax(0,1fr)}.card-catalog-v4 .card-showcase{grid-template-columns:minmax(220px,.87fr) minmax(0,1.13fr)}.card-catalog-v4 .card-details-panel{padding:19px}.card-catalog-v4 .card-art-frame{min-height:350px;padding:10px}.card-catalog-v4 .card-detail-stats{gap:4px}.card-catalog-v4 .card-detail-stat strong{font-size:17px}}
@media(max-width:960px){.card-catalog-v4{grid-template-columns:1fr}.card-catalog-v4 .card-filters{position:static;padding:15px}.card-catalog-v4 .card-filters .filter-hint{display:none}.card-catalog-v4 .rarity-filter{display:inline-flex;width:auto;margin:3px;padding:10px}.card-catalog-v4 .rarity-filter span{display:none}.card-catalog-v4 .card-showcase{grid-template-columns:minmax(235px,.85fr) minmax(0,1.15fr)}.card-catalog-v4 .cards-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.card-catalog-v4 .card-showcase{grid-template-columns:minmax(0,1fr)}.card-catalog-v4 .card-details-panel{grid-column:auto}.card-catalog-v4 .card-art-panel{padding:17px}.card-catalog-v4 .card-art-frame{min-height:0}.card-catalog-v4 .card-art-frame img{max-width:290px}.card-catalog-v4 .card-details-panel{padding:20px}.card-catalog-v4 .card-details-panel h3{font-size:22px}.card-catalog-v4 .card-detail-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.card-catalog-v4 .card-detail-stat{padding:10px 2px}.card-catalog-v4 .card-detail-stat span{font-size:10px}.card-catalog-v4 .card-detail-stat strong{font-size:15px}.card-catalog-v4 .card-selector-panel{padding:17px}.card-catalog-v4 .cards-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.card-catalog-v4 .catalog-head{padding-inline:1px}}

/* V4.0 new star-only card image system: no legacy fronts/backs. */
.card-catalog-v4 .new-card-awaiting{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;aspect-ratio:2/3;width:100%;border-radius:12px;color:#536c51;min-width:0;background:linear-gradient(145deg,#fffef6,#eef3df);border:1px solid #e2e8d6;text-align:center}
.card-catalog-v4 .new-card-awaiting>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:10px;box-shadow:none}
.card-catalog-v4 .new-card-awaiting-copy{position:relative;z-index:1;background:#fffef1e8;border:1px solid #d4dbcd;padding:12px 9px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:78%}
.card-catalog-v4 .new-card-awaiting-copy strong{font-size:13px;color:#435541;margin:0}
.card-catalog-v4 .new-card-awaiting-copy span{font-size:11px;color:#72816e}
.card-catalog-v4 .new-card-unrated{border:1px dashed #bbccaf;background:radial-gradient(circle at 40% 25%,#fff9df,#eef3e7 65%,#e8efdb)}
.card-catalog-v4 .new-card-unrated .new-card-emblem{font-size:48px;color:#c7ac60}
.card-catalog-v4 .new-card-unrated>strong{font-size:17px}
.card-catalog-v4 .new-card-unrated>span:not(.new-card-emblem){font-size:12px}
.card-catalog-v4 .new-card-unrated .new-card-placeholder-no{position:absolute;bottom:10%;font-size:10px;color:#8f9a83}
.card-catalog-v4 .card-art-frame .new-card-finished{display:block;max-width:370px;width:100%;aspect-ratio:2/3;object-fit:contain}
.card-catalog-v4 .card-art-frame>.new-card-awaiting{max-width:370px}
.card-catalog-v4 .card-tile>.new-card-awaiting{max-width:100%;width:100%}
.card-catalog-v4 .card-tile>.new-card-awaiting .new-card-awaiting-copy{padding:5px 4px;gap:2px}
.card-catalog-v4 .card-tile>.new-card-awaiting .new-card-awaiting-copy strong{font-size:9px}
.card-catalog-v4 .card-tile>.new-card-awaiting .new-card-awaiting-copy span{font-size:8px}
.card-catalog-v4 .card-tile>.new-card-awaiting .new-card-emblem{font-size:30px}
.card-catalog-v4 .card-tile>.new-card-awaiting>strong{font-size:10px;margin:0}
.card-catalog-v4 .card-tile>.new-card-awaiting>span:not(.new-card-emblem){font-size:9px}
.card-catalog-v4 .card-tile>.new-card-awaiting .new-card-placeholder-no{font-size:7px}
.new-card-summon-previews{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:15px 0}
.new-card-summon-previews img{height:235px;width:auto;max-width:46%;object-fit:contain;border-radius:9px}

/* V4.0 optional rewarded-video rewards: never overlap ordinary display ad units */
.rewarded-ad-panel{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #e8daba;background:linear-gradient(115deg,#fffaf0,#f4f9ed);border-radius:20px;padding:22px;margin:24px 0}
.rewarded-ad-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#fff0ca;color:#645326;font-size:27px;flex:none}
.rewarded-ad-content{flex:1;min-width:200px}.rewarded-ad-content h3{font-size:18px;margin:0 0 6px}.rewarded-ad-content p{margin:0 0 5px;color:#67635c;font-size:14px}.rewarded-ad-content small{font-size:12px;color:#6c7167}
.rewarded-ad-panel .btn{white-space:normal;min-width:155px}
@media(max-width:640px){.rewarded-ad-panel{padding:16px;gap:12px}.rewarded-ad-panel .btn{width:100%}}

/* 法律与说明页面，适配桌面/手机，标题与清单保持可阅读 */
.legal-page {max-width:960px;margin:0 auto;overflow-wrap:anywhere;line-height:1.85}
.legal-page h1 {font-size:clamp(1.55rem,3.5vw,2.1rem);margin:0 0 20px}
.legal-page h2 {font-size:1.22rem;margin:27px 0 10px;line-height:1.45}
.legal-page h3 {font-size:1rem;margin:18px 0 10px}
.legal-page p,.legal-page li {line-height:1.85}
.legal-page blockquote {margin:0 0 23px;padding:14px 18px;border-left:4px solid #d8b96a;background:#fff9e8;border-radius:5px}
.legal-page blockquote p {margin:0;color:#574c32}
.legal-page table {display:block;overflow-x:auto;border-collapse:collapse;width:100%;max-width:100%;margin:16px 0;font-size:.93rem}
.legal-page td,.legal-page th {border:1px solid #e7e0d2;padding:9px 11px;text-align:left;vertical-align:top;min-width:110px}
.legal-page th {background:#f7f3e8}
.legal-page a {overflow-wrap:anywhere}
.legal-page ul {padding-left:1.4em}
@media(max-width:640px){.legal-page{padding:18px}.legal-page td,.legal-page th{min-width:100px}}

/* V4 public art showroom additions */
.v4-promo{display:block;width:100%;margin:8px auto 30px;max-width:1280px;border-radius:20px;overflow:hidden;box-shadow:0 20px 55px #18272d30}.v4-promo img{display:block;width:100%;height:auto}.card-art-frame img.new-card-finished{object-fit:contain;max-width:100%;max-height:100%;height:auto}.card-tile img.new-card-finished{width:100%;height:auto}.new-card-finished{border-radius:12px}.gacha-demo-panel[data-gacha-star="4"] .gacha-demo-stars{color:#d4f1ef}.gacha-demo-panel[data-gacha-star="5"] .gacha-demo-stars{color:#ffe8a5}@media(max-width:700px){.v4-promo{border-radius:12px;margin-bottom:20px}}

/* V4 preview: accessible card detail overlay */
.card-catalog-v4 .card-modal-content{display:none!important}
.card-catalog-v4 .card-modal-content[data-open]{display:grid!important;position:fixed;z-index:10001;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1050px,calc(100vw - 48px));max-height:calc(100dvh - 50px);overflow:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;background:#fffefa;border:1px solid #e0e5da;border-radius:24px;padding:25px 38px;box-shadow:0 25px 90px #0005;align-items:start}
body.card-modal-active{overflow:hidden}
body.card-modal-active:before{content:'';position:fixed;inset:0;background:#15221eb3;z-index:10000}
.card-modal-close,.card-modal-prev,.card-modal-next{border:0;cursor:pointer;background:#fff;color:#355444;border-radius:50%;position:fixed;z-index:2;box-shadow:0 4px 15px #0002}
.card-modal-close{right:12px;top:10px;font-size:30px;width:40px;height:40px}
.card-modal-prev,.card-modal-next{top:47%;width:38px;height:38px;font-size:30px}
.card-modal-prev{left:5px}.card-modal-next{right:5px}
.card-catalog-v4 .card-modal-content .card-art-panel,.card-catalog-v4 .card-modal-content .card-details-panel{box-shadow:none;border:0;padding:12px;min-width:0}
.card-catalog-v4 .card-modal-content .card-art-frame{min-height:0}
.card-catalog-v4 .card-modal-content .card-art-frame img{max-height:calc(100dvh - 175px);width:auto;max-width:100%}
.card-catalog-v4 .cards-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.v4-promo-wrap{position:relative;max-width:1280px;margin:auto}
.v4-promo-action{position:absolute;left:18%;width:23%;top:44%;height:11%;cursor:pointer;z-index:1;border:0;background:transparent;border-radius:18px;padding:0;display:block;touch-action:manipulation}
.v4-promo-action:focus-visible{outline:4px solid #fff;outline-offset:3px}
@media(max-width:700px){.v4-promo-action{left:33%;width:35%;top:87%;height:9%}}
@media(max-width:700px){.card-catalog-v4 .card-modal-content[data-open]{width:calc(100vw - 18px);max-height:calc(100dvh - 20px);padding:45px 12px 15px;grid-template-columns:minmax(0,1fr);gap:0;border-radius:16px}.card-catalog-v4 .card-modal-content .card-art-frame img{max-height:60dvh}.card-catalog-v4 .card-modal-content .card-details-panel{padding:15px}.card-modal-prev,.card-modal-next{top:30%}}

/* Final preview: clear activity banner on the public homepage. */
.v4-promo-home{margin-top:52px;margin-bottom:40px}
.v4-promo-section-heading{text-align:center;margin:0 auto 20px}
.v4-promo-section-heading h2{margin:0 0 8px;font-size:clamp(22px,3vw,32px)}
.v4-promo-section-heading p{margin:0;color:#778778;font-size:14px}
.v4-promo-home .v4-promo{margin:0 auto 4px}
.v4-promo-home .v4-promo-wrap{max-width:1140px}
@media(max-width:700px){.v4-promo-home{margin-top:25px;margin-bottom:22px}.v4-promo-section-heading{margin-bottom:13px}.v4-promo-section-heading p{font-size:12px}}


/* V4 生息召唤独立导航与三类卡池预览 (2026-10-21) */
.nav .nav-summon{color:#9a7631;display:inline-flex;align-items:center;gap:5px}
.nav .nav-summon span{color:#d7a64e;font-size:18px;line-height:1}
.nav .nav-summon:hover,.nav .nav-summon.active{color:#65501e}
@media(min-width:961px){.header-inner{gap:clamp(12px,1.35vw,24px)}.nav{gap:clamp(11px,1.18vw,19px)}.nav a{font-size:13px}.user-nav{gap:12px}}
.summon-page{padding-top:16px;padding-bottom:82px}
.summon-notice{margin-bottom:23px}
.summon-notice p{margin:8px 0 0;line-height:1.8}
.summon-welcome{position:relative;background:linear-gradient(110deg,#fdf7e4 0%,#f8f5e9 52%,#e9eee4 100%);border:1px solid #eae5d5;border-radius:25px;padding:34px 38px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px}
.summon-eyebrow{font-size:11px;font-weight:780;letter-spacing:.14em;color:#a08044}
.summon-welcome h2{font-size:clamp(23px,3vw,32px);margin:10px 0 6px;line-height:1.4}
.summon-welcome p{margin:0;color:#7b8a7d;font-size:13px;line-height:1.8}
.summon-orbit{font-size:85px;color:#d9b45f;opacity:.55;line-height:1}
.summon-pool-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:21px 0 35px}
.summon-pool-nav button{background:white;border:1px solid #e3e8de;border-radius:17px;padding:20px 16px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;color:#365144;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.summon-pool-nav button:hover,.summon-pool-nav button:focus-visible{transform:translateY(-2px);border-color:#d8bf78;box-shadow:0 7px 28px #394f3514}
.summon-pool-nav button>span{grid-row:span 2;background:#f7f0d9;color:#b89446;border-radius:12px;width:45px;height:45px;display:grid;place-items:center;font-size:22px}
.summon-pool-nav strong{font-size:15px}.summon-pool-nav small{font-size:11px;color:#89988c;margin-top:3px}
.summon-event-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 15px}
.summon-event-head h2{font-size:clamp(22px,3vw,30px);margin:8px 0 5px}
.summon-event-head p{font-size:13px;line-height:1.7;color:#7a8a7e;margin:0}
.summon-event-status{flex:none;background:#f4eedc;border-radius:99px;padding:11px 13px;color:#947843;font-size:12px;font-weight:700}
.summon-pools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.summon-pool{background:#fff;border:1px solid #e2e6dc;border-radius:23px;overflow:hidden;display:grid;grid-template-columns:42% minmax(0,1fr);min-height:348px;scroll-margin-top:110px}
.summon-pool-character{grid-column:1/-1;grid-template-columns:35% minmax(0,1fr);min-height:365px}
.summon-pool-limited{background:#fffdf9;border-color:#eadbc3}
.summon-pool-art{background:radial-gradient(ellipse at 50% 30%,#faf3df,#ecf0e7);display:flex;align-items:center;justify-content:center;padding:20px;min-width:0}
.summon-pool-limited .summon-pool-art{background:radial-gradient(ellipse at 50% 30%,#f8ecd9,#e4d9da)}
.summon-pool-art img{height:300px;max-width:100%;object-fit:contain;border-radius:9px;filter:drop-shadow(0 12px 11px #202e272b)}
.summon-pool-character .summon-pool-art img{height:320px}
.summon-pool-info{padding:27px 26px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.summon-pool-info h3{font-size:clamp(19px,2vw,25px);line-height:1.4;margin:12px 0 9px}
.summon-pool-info p{font-size:12px;color:#667d70;line-height:1.9;margin:4px 0 8px}
.summon-pool-info .summon-small-print{font-size:11px;color:#91a094}
.summon-pool-info .btn{padding:10px 12px;font-size:12px;min-height:40px}
.summon-pool-info .summon-preview-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.summon-text-link{margin-top:15px;color:#6c8a68;font-weight:750;font-size:12px;display:inline-block}
.summon-text-link:hover{text-decoration:underline}
.summon-pool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.summon-bottom-note{font-size:12px;text-align:center;margin-top:26px;color:#8d988a}
@media(max-width:1140px){.summon-pools{grid-template-columns:1fr}.summon-pool-character{grid-column:auto;grid-template-columns:42% minmax(0,1fr)}.summon-pool{min-height:330px}.summon-pool-art img,.summon-pool-character .summon-pool-art img{height:300px}}
@media(max-width:700px){.summon-page{padding-top:0;padding-bottom:42px}.summon-welcome{padding:22px 18px}.summon-orbit{font-size:42px}.summon-welcome p{font-size:12px}.summon-pool-nav{grid-template-columns:1fr;gap:9px;margin:16px 0 25px}.summon-pool-nav button{padding:10px 12px;border-radius:13px}.summon-pool-nav button>span{width:38px;height:38px;font-size:19px}.summon-pool-nav strong{font-size:14px}.summon-event-head{display:block}.summon-event-head p{font-size:12px}.summon-event-status{display:inline-block;margin-top:10px;padding:8px 10px;font-size:10px}.summon-pools{gap:14px}.summon-pool,.summon-pool-character{grid-template-columns:1fr;min-height:0}.summon-pool-art{padding:22px 15px}.summon-pool-art img,.summon-pool-character .summon-pool-art img{height:260px}.summon-pool-info{padding:22px 18px}.summon-pool-info h3{font-size:20px}.summon-pool-info .summon-preview-controls{gap:6px}.summon-pool-info .btn{font-size:11px;padding:9px 11px}}


/* V4.1 快捷召唤：首屏直接呈现卡池主视觉和大按钮 */
.summon-quick{padding-top:30px;padding-bottom:72px}
.summon-quick-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.summon-quick-heading h1{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:8px 0 0;color:#213b30}
.summon-demo-label{display:inline-block;background:#f3f2e8;color:#687969;font-size:12px;padding:9px 13px;border:1px solid #e3e6d8;border-radius:99px;white-space:nowrap}
.summon-quick-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}
.summon-quick-tab{appearance:none;display:flex;align-items:center;justify-content:center;gap:11px;min-height:66px;padding:12px 16px;border:1px solid #e0e5d7;border-radius:17px;background:#fffdf8;color:#53695b;font-weight:750;font-size:16px;cursor:pointer;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}
.summon-quick-tab span{font-size:23px;color:#bc9450}
.summon-quick-tab:hover,.summon-quick-tab:focus-visible{transform:translateY(-2px);border-color:#d8bd7d}
.summon-quick-tab.is-active{background:#f8efd7;border:2px solid #bf9a53;box-shadow:0 9px 20px #ad8c4124;color:#3a4b32}
.summon-quick-stage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(345px,1fr);gap:0;border:1px solid #e4e5db;border-radius:25px;overflow:hidden;background:#fffdf9;box-shadow:0 18px 42px #324b3016;min-height:462px}
.summon-quick-image{display:flex;justify-content:center;align-items:center;min-width:0;min-height:462px;overflow:hidden;background:radial-gradient(ellipse at 52% 34%,#fff5d5,#ebe6d8);position:relative}
.summon-quick-limited .summon-quick-image{background:#1b1828}
.summon-quick-image>img{display:block;width:100%;max-height:445px;object-fit:contain}
.summon-quick-image .v4-promo-wrap{width:100%;max-width:none}
.summon-quick-image .v4-promo{max-width:none;margin:0;border-radius:0;box-shadow:none}
.summon-quick-image .v4-promo img{display:block;width:100%;height:auto;object-fit:contain}
.summon-quick-image .v4-promo-action{border-radius:12px}
.summon-quick-actions{padding:clamp(22px,2.9vw,43px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;scroll-margin-top:100px}
.summon-quick-tag{color:#92713a;background:#f9f0d9;border-radius:99px;padding:8px 13px;align-self:flex-start;font-size:12px;font-weight:750}
.summon-quick-actions h2{font-size:clamp(24px,2.7vw,35px);line-height:1.35;color:#274135;margin:15px 0 0}
.summon-quick-subtitle{font-size:15px;font-weight:700;color:#6f8a71;margin:9px 0 0}
.summon-quick-desc{font-size:13px;line-height:1.8;color:#819085;margin:17px 0 14px}
.summon-quick-cta-group{display:grid;grid-template-columns:1fr;gap:13px;margin:7px 0 14px}
.summon-quick-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;min-height:86px;padding:12px;border:1px solid #d1b272;border-radius:16px;cursor:pointer;box-shadow:0 7px 14px #3931221a;transition:transform .2s,filter .2s,box-shadow .2s;text-align:left}
.summon-quick-cta:hover,.summon-quick-cta:focus-visible{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 25px #39312227;outline-offset:3px}
.summon-quick-cta-single{background:#f5f0e1;color:#604e30}
.summon-quick-cta-ten{background:linear-gradient(100deg,#b98b36,#e3bc69 50%,#ba8834);color:#fffef3}
.summon-cta-icon{font-size:34px;line-height:1}
.summon-quick-cta strong{font-size:24px;display:block;line-height:1.4}
.summon-quick-cta small{font-size:11px;display:block;font-weight:550;opacity:.86;margin-top:2px}
.summon-quick-caveat{font-size:11px!important;line-height:1.65!important;color:#889387!important;margin:0!important}
.summon-quick-bottom{background:#fbfcf7;border:1px solid #e5eade;border-radius:19px;margin-top:19px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.summon-quick-bottom h3{font-size:18px;margin:0 0 6px}
.summon-quick-bottom p{font-size:13px;color:#718273;margin:0;line-height:1.6}
.summon-quick-details{border:1px solid #e5eade;border-radius:15px;margin-top:18px;padding:16px 21px;background:#fff}
.summon-quick-details summary{font-size:14px;font-weight:750;color:#55725f;cursor:pointer}
.summon-quick-details summary span{float:right}
.summon-quick-details>div{padding-top:13px;font-size:12px;line-height:1.85;color:#738477}
.summon-quick-details .summon-preview-controls{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.summon-ten-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:17px 0}
.summon-ten-gallery img{width:100%;height:180px;object-fit:contain;background:#f4f3ec;border-radius:8px}
.summon-one-preview{display:flex;justify-content:center}.summon-one-preview img{max-height:420px;max-width:100%;object-fit:contain;border-radius:11px}
@media(max-width:1050px){.summon-quick-stage{grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr)}.summon-quick-actions{padding:24px}.summon-quick-image{min-height:400px}.summon-quick-cta{min-height:76px}.summon-quick-cta strong{font-size:20px}}
@media(max-width:720px){
 .summon-quick{padding-top:14px;padding-bottom:48px}
 .summon-quick-heading{display:block;margin-bottom:14px}
 .summon-quick-heading h1{font-size:23px;margin:6px 0 10px}
 .summon-demo-label{font-size:10px;padding:5px 10px}
 .summon-quick-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
 .summon-quick-tab{min-height:53px;padding:7px 3px;gap:3px;flex-direction:column;font-size:11px;border-radius:12px}
 .summon-quick-tab span{font-size:16px}
 .summon-quick-stage{grid-template-columns:1fr;display:flex;flex-direction:column;min-height:0;border-radius:18px}
 .summon-quick-actions{order:0;padding:18px 15px 15px}
 .summon-quick-actions h2{font-size:24px;margin-top:9px}
 .summon-quick-tag{font-size:10px;padding:5px 10px}
 .summon-quick-subtitle{font-size:12px;margin-top:4px}
 .summon-quick-desc{display:none}
 .summon-quick-cta-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 9px}
 .summon-quick-cta{min-height:74px;padding:10px 5px;gap:4px;border-radius:12px;text-align:center;flex-direction:column}
 .summon-cta-icon{display:none}
 .summon-quick-cta strong{font-size:18px}
 .summon-quick-cta small{font-size:9px;margin-top:1px}
 .summon-quick-caveat{font-size:10px!important}
 .summon-quick-image{order:1;min-height:0;max-height:none}
 .summon-quick-image>img{max-height:400px}
 .summon-quick-image .v4-promo{margin:0}
 .summon-quick-bottom{display:block;padding:18px}
 .summon-quick-bottom h3{font-size:16px}
 .summon-quick-bottom p{font-size:11px;margin-bottom:12px}
 .summon-quick-details{margin-top:12px}
 .summon-ten-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .summon-ten-gallery img{height:150px}
}
/* 十连美术样例使用较宽的查看框，保持10张卡牌清晰可辨 */
.dialog:has(.summon-ten-gallery) .dialog-panel{width:min(880px,calc(100vw - 26px))}
@media(max-width:720px){.dialog:has(.summon-ten-gallery) .dialog-panel{padding:28px 16px 20px}}

/* V4.2 手机版快捷召唤：首页屏以内优先展示卡池与可点击的两个大按钮。电脑版不变。 */
.summon-mobile-title{display:none}
@media(max-width:720px){
 .summon-desktop-title{display:none}
 .summon-mobile-title{display:inline}
 .summon-quick{padding-top:8px;padding-bottom:40px}
 .summon-quick-heading{margin-bottom:9px}
 .summon-quick-heading h1{font-size:22px;margin:3px 0 5px;line-height:1.16}
 .summon-quick-heading .summon-eyebrow{font-size:10px;margin-bottom:0}
 .summon-demo-label{font-size:10px;padding:4px 9px}
 .summon-quick-tabs{gap:6px;margin-bottom:9px}
 .summon-quick-tab{min-height:48px;padding:6px 2px;font-size:12px}
 .summon-quick-stage{border-radius:17px}
 .summon-quick-actions{padding:13px 13px 12px}
 .summon-quick-actions h2{font-size:22px;margin:6px 0 0}
 .summon-quick-subtitle{font-size:11px;line-height:1.35}
 .summon-quick-cta-group{gap:9px;margin:9px 0 7px}
 .summon-quick-cta{min-height:82px;box-shadow:0 5px 10px #39312220}
 .summon-quick-cta strong{font-size:19px}
 .summon-quick-cta small{font-size:10px}
 .summon-quick-caveat{font-size:10px!important;line-height:1.4!important}
 .summon-quick-image{border-radius:0}
}
@media(max-width:360px){
 .summon-quick-cta strong{font-size:17px}
 .summon-quick-tab{font-size:10px}
}


/* V4.3 · 首页活动轮播：沿用现有奶白/森林绿/香槟金色系 */
.home-showcase{padding-top:58px;padding-bottom:54px}
.home-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.home-showcase-eyebrow{font-size:11px;font-weight:800;letter-spacing:.21em;color:#b2904f;margin:0 0 7px}
.home-showcase-heading h2{font-size:clamp(26px,3vw,37px);color:#213e34;letter-spacing:-.04em;margin:0 0 8px}
.home-showcase-heading h2 span{font-size:.55em;color:#d5ad61;vertical-align:top}
.home-showcase-heading p:not(.home-showcase-eyebrow){font-size:13px;color:#7c8e83;margin:0}
.home-showcase-index{font-size:12px;color:#a39169;border:1px solid #e7e1d0;border-radius:30px;padding:9px 15px;white-space:nowrap;background:#fcfaf3}
.home-showcase-carousel{position:relative;isolation:isolate}
.home-showcase-stage{height:clamp(360px,33vw,455px);overflow:hidden;position:relative;border-radius:27px;background:#efece1;box-shadow:0 19px 45px rgba(44,56,39,.095);border:1px solid #e8e7dc}
.home-showcase-slide{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.95fr);position:absolute;inset:0;opacity:0;transform:translateX(25px) scale(.992);pointer-events:none;transition:opacity .5s ease,transform .65s cubic-bezier(.22,.7,.18,1);background:#f9f6eb}
.home-showcase-slide.is-active{opacity:1;transform:none;pointer-events:auto;z-index:2}
.home-showcase-visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 45% 52%,#efe1c3,#cab693)}
.home-showcase-visual picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.home-showcase-visual img{height:100%;width:100%;object-fit:contain;display:block}
.home-showcase--halloween .home-showcase-visual{background:#21142b}
.home-showcase--halloween .home-showcase-visual img{object-fit:cover}
.home-showcase--starlight .home-showcase-visual{background:radial-gradient(ellipse at 53% 46%,#fff6cf 0%,#d7bf84 52%,#98793c 100%)}
.home-showcase--starlight .home-showcase-visual img{width:auto;max-width:100%;height:93%;border-radius:10px;box-shadow:0 15px 40px rgba(91,56,16,.22)}
.home-showcase--wallpaper .home-showcase-visual{background:radial-gradient(circle at 50% 54%,#e4eee1,#abc49d)}
.home-showcase--wallpaper .home-showcase-visual img{height:96%;width:auto;max-width:100%;border-radius:12px;box-shadow:0 8px 30px #54755b30}
.home-showcase--studio .home-showcase-visual{background:radial-gradient(circle at 50% 50%,#fceff7,#d2d9f0)}
.home-showcase--studio .home-showcase-visual img{height:96%;width:auto;max-width:100%;border-radius:12px;box-shadow:0 8px 30px #7578a430}
.home-showcase-art-label{position:absolute;top:17px;left:18px;z-index:2;border:1px solid #ffffff80;border-radius:30px;padding:7px 13px;font-size:11px;font-weight:800;background:#faf8efed;color:#465949;backdrop-filter:blur(6px)}
.home-showcase-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:clamp(24px,3.5vw,55px);min-width:0;background:linear-gradient(135deg,#fcfaf4,#f3f2e6)}
.home-showcase--halloween .home-showcase-copy{background:linear-gradient(145deg,#261b2b,#453044);color:#fff7ef}
.home-showcase--starlight .home-showcase-copy{background:linear-gradient(140deg,#fffcf2,#f4ead3)}
.home-showcase--wallpaper .home-showcase-copy{background:linear-gradient(145deg,#f6fbf3,#e6f0df)}
.home-showcase--studio .home-showcase-copy{background:linear-gradient(150deg,#fffafa,#eee9f3)}
.home-showcase-kicker{font-size:clamp(10px,.95vw,13px);font-weight:800;letter-spacing:.06em;color:#ab8342;margin-bottom:17px}
.home-showcase--halloween .home-showcase-kicker{color:#f7bd8e}
.home-showcase-copy h3{font-size:clamp(25px,2.7vw,41px);line-height:1.22;letter-spacing:-.035em;margin:0 0 19px;color:#244136}
.home-showcase--halloween .home-showcase-copy h3{color:#ffead4}
.home-showcase-copy p{font-size:clamp(12px,1.08vw,14px);line-height:1.9;color:#78887d;margin:0 0 23px}
.home-showcase--halloween .home-showcase-copy p{color:#ddc7d4}
.home-showcase-cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:13px;padding:15px 24px;min-height:52px;background:#bd9446;color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 23px #bd944636;transition:transform .2s,box-shadow .2s}
.home-showcase-cta:hover{transform:translateY(-2px);box-shadow:0 11px 27px #bd944658;color:white}
.home-showcase-cta:focus-visible,.home-showcase-arrow:focus-visible,.home-showcase-dot:focus-visible,.home-showcase-pause:focus-visible{outline:3px solid #369d80;outline-offset:3px}
.home-showcase--wallpaper .home-showcase-cta,.home-showcase--studio .home-showcase-cta{background:#2d5241}
.home-showcase-demo-note{font-size:10px;color:#9ba99b;margin-top:18px}
.home-showcase--halloween .home-showcase-demo-note{color:#bdabb6}
.home-showcase-arrow{position:absolute;top:calc((100% - 44px)/2);z-index:3;display:grid;place-items:center;width:44px;height:44px;background:#fffef7f2;border:1px solid #ebe9dd;border-radius:50%;color:#335344;font-size:15px;box-shadow:0 4px 16px #2e4a3533;cursor:pointer;transition:transform .2s}
.home-showcase-arrow:hover{transform:scale(1.07)}
.home-showcase-arrow--prev{left:-18px}.home-showcase-arrow--next{right:-18px}
.home-showcase-controls{display:flex;align-items:center;justify-content:center;gap:20px;min-height:48px;margin:13px auto 0}
.home-showcase-dots{display:flex;gap:7px;align-items:center}
.home-showcase-dot{display:grid;place-items:center;background:transparent;border:0;cursor:pointer;padding:7px 2px;min-width:29px;min-height:33px}
.home-showcase-dot>span{display:block;border-radius:20px;background:#d1d5ca;height:6px;width:20px;transition:background .3s,width .3s}
.home-showcase-dot.is-active>span{background:#b99750;width:32px}
.home-showcase-pause{border:1px solid #e3e6db;background:#fffefa;border-radius:12px;color:#657969;padding:7px 12px;font-size:11px;cursor:pointer;min-height:34px}
.home-showcase-counter{font-size:12px;color:#95a195;font-variant-numeric:tabular-nums}
.home-showcase-counter strong{font-size:15px;color:#315646}
.home-showcase-note{text-align:center;color:#92a094;font-size:11px;margin:0}
@media(max-width:900px){.home-showcase-slide{grid-template-columns:1.2fr 1fr}.home-showcase-stage{height:380px}.home-showcase-copy{padding:26px}.home-showcase-copy h3{font-size:27px}}
@media(max-width:700px){
 .home-showcase{padding-top:36px;padding-bottom:35px}
 .home-showcase-heading{gap:7px;margin-bottom:15px}.home-showcase-heading h2{font-size:27px}.home-showcase-heading p:not(.home-showcase-eyebrow){font-size:11px;line-height:1.7}.home-showcase-index{display:none}
 .home-showcase-stage{height:615px;border-radius:22px}
 .home-showcase-slide{grid-template-columns:1fr;grid-template-rows:360px 1fr;transform:translateX(18px)}
 .home-showcase-visual{border-radius:0}
 .home-showcase--halloween .home-showcase-visual img{height:100%;width:100%;object-fit:contain}
 .home-showcase--starlight .home-showcase-visual img,.home-showcase--wallpaper .home-showcase-visual img,.home-showcase--studio .home-showcase-visual img{height:94%;width:auto;max-width:100%}
 .home-showcase-art-label{top:10px;left:10px;font-size:10px;padding:5px 11px}
 .home-showcase-copy{padding:22px 22px 23px;justify-content:start}
 .home-showcase-kicker{font-size:10px;margin-bottom:8px}
 .home-showcase-copy h3{font-size:clamp(23px,6.4vw,29px);margin:0 0 8px}
 .home-showcase-copy p{font-size:11px;line-height:1.6;margin:0 0 14px}
 .home-showcase-cta{min-height:43px;padding:11px 18px;font-size:12px;gap:12px}
 .home-showcase-demo-note{font-size:9px;margin-top:11px}
 .home-showcase-arrow{width:37px;height:37px;top:178px;font-size:13px}
 .home-showcase-arrow--prev{left:5px}.home-showcase-arrow--next{right:5px}
 .home-showcase-controls{margin-top:8px;gap:13px}
 .home-showcase-note{font-size:10px;line-height:1.6}
}
@media(max-width:380px){.home-showcase-stage{height:598px}.home-showcase-slide{grid-template-rows:335px 1fr}.home-showcase-arrow{top:160px}.home-showcase-copy{padding:19px}}
@media(prefers-reduced-motion:reduce){.home-showcase-slide,.home-showcase-cta,.home-showcase-arrow{transition:none!important}}