@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--ink:#1c2923;--ink-soft:#2d3b34;--muted:#66736c;--paper:#f4efdf;--paper-deep:#e8e0c9;--card:#fffdf7;--green:#2f7652;--green-dark:#123b2d;--green-black:#0c2b21;--sage:#afc5aa;--lime:#e3ee99;--yellow:#e7bd55;--gold:#c9982f;--line:#1c292329;--orange:#d66c38;--shadow:0 16px 0 #1f30260f, 0 24px 48px #142b1f21;--numeric-font:"Noto Sans SC", sans-serif;--region-scene:url(/regions/somia.png)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#dfe9cf;margin:0;font-family:Noto Sans SC,sans-serif;font-size:16px;line-height:1.55}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{isolation:isolate;background:linear-gradient(180deg, #eef4e5b3, #f4efdbf5 38rem), var(--region-scene) center top / 100% auto no-repeat;min-height:100vh;transition:background-image .26s;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background:radial-gradient(circle at 18% 22%,#0000 0 6px,#223a291f 7px 8px,#0000 9px) 0 0/88px 88px,linear-gradient(110deg,#0000 0 48%,#ffffff40 49% 50%,#0000 51%) 0 0/260px 260px;position:fixed;inset:0}.app-shell.region-somia{--region-scene:url(/regions/somia.png)}.app-shell.region-stone{--region-scene:url(/regions/stone.png)}.app-shell.region-plata{--region-scene:url(/regions/plata.png)}.app-header{width:min(1480px,100% - 48px);min-height:94px;color:var(--ink);background:linear-gradient(105deg, #fffdf7f7, #f6f1e0f0), var(--region-scene) center 55% / cover;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);border:1px solid #123b2d2b;border-radius:26px;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;margin:18px auto 0;padding:8px 12px 8px 22px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 8px #123b2d17,0 20px 44px #1636261f}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:13px;width:max-content;min-width:0;padding:0;display:flex}.brand-logo{filter:drop-shadow(0 5px 7px #16362624);background:url(/branding/adventure-log-logo.png) 50%/contain no-repeat;flex:none;width:92px;height:74px;display:block}.brand-caption{color:var(--muted);letter-spacing:.1em;white-space:nowrap;border-left:1px solid #123b2d2e;padding-left:14px;font-size:13px;font-weight:700}.main-nav{background:#123b2d0e;border:1px solid #123b2d1c;border-radius:18px;align-self:center;gap:4px;padding:5px;display:flex}.main-nav button{min-width:150px;color:var(--muted);background:0 0;border:0;border-radius:13px;padding:11px 24px 10px;transition:color .18s,background .18s,box-shadow .18s;position:relative}.main-nav button:after{content:"";background:var(--yellow);opacity:0;border-radius:99px;width:18px;height:3px;transition:all .18s;position:absolute;bottom:7px;left:50%;transform:translate(-50%)scaleX(.3)}.main-nav button.active:after{opacity:1;transform:translate(-50%)scaleX(1)}.main-nav button.active{color:#fffdf6;background:var(--green-dark);box-shadow:inset 0 1px #ffffff24,0 6px 14px #123b2d33}.main-nav span,.main-nav small{display:block}.main-nav span{font-size:15px;font-weight:800}.main-nav small{color:inherit;opacity:.7;margin-top:2px;font-size:11px}.header-actions{justify-content:flex-end;gap:8px;display:flex}.header-actions button,footer button{color:var(--green-dark);background:#fffdf7b8;border:1px solid #123b2d2e;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .16s}.header-actions button:hover,footer button:hover{background:#fff;border-color:#123b2d5c;transform:translateY(-1px)}.header-actions .guide-button{align-items:center;gap:7px;display:inline-flex}.guide-button>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:20px;height:20px;font-family:Georgia,serif;font-size:13px;display:inline-grid}.region-bar{z-index:20;background:linear-gradient(#fffdf7f2, #f6f1e0f5), var(--region-scene) center / cover;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #123b2d24;border-radius:22px;grid-template-columns:1fr auto 160px;align-items:center;gap:24px;width:min(1480px,100% - 48px);margin:22px auto 0;padding:14px 16px 14px 22px;display:grid;position:sticky;top:0;box-shadow:0 6px #123b2d14,0 16px 32px #1f33261a}.region-intro span,.region-intro strong{display:block}.region-intro span{color:var(--green);letter-spacing:.12em;font-size:12px;font-weight:800}.region-intro strong{margin-top:3px;font-size:17px}.region-switcher{gap:7px;display:flex}.region-switcher button{background:#fffdf79e;border:1px solid #0000;border-radius:15px;align-items:center;gap:10px;min-width:130px;padding:10px 14px;transition:all .16s;display:flex;position:relative;overflow:hidden}.region-switcher button.active{color:#fff;background:linear-gradient(#123b2dde, #0c2b21f0), var(--region-thumb) center / cover;border-color:#ffffff24;box-shadow:0 5px 12px #112a1d33}.region-switcher button:first-child{--region-thumb:url(/regions/somia.png)}.region-switcher button:nth-child(2){--region-thumb:url(/regions/stone.png)}.region-switcher button:nth-child(3){--region-thumb:url(/regions/plata.png)}.region-index{color:var(--green);font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em;font-size:19px;font-weight:900}.region-switcher button.active .region-index{color:var(--lime)}.region-switcher strong,.region-switcher small{text-align:left;display:block}.region-switcher strong{font-size:15px}.region-switcher small{color:var(--muted);font-variant-numeric:tabular-nums lining-nums;margin-top:1px;font-size:12px}.region-switcher button.active small{color:#ffffffa1}.region-progress{justify-content:flex-end;align-items:center;gap:10px;display:flex}.region-progress>span{--progress:0%;background:conic-gradient(var(--green) var(--progress), var(--paper-deep) 0);border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.region-progress>span:before{content:"";background:var(--card);border-radius:50%;width:42px;height:42px;position:absolute}.region-progress>span strong{font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;font-size:12px;font-weight:800;position:relative}.region-progress div small,.region-progress div strong{display:block}.region-progress div small{color:var(--muted);font-size:12px}.region-progress div strong{font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.035em;font-size:21px;font-weight:900}.workbench-page,.catalog-page{width:min(1480px,100% - 48px);margin:0 auto;padding:58px 0 90px}.page-lead{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:end;gap:60px;margin-bottom:30px;display:grid}.eyebrow{color:var(--green);letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:800}.page-lead h1,.catalog-hero h1{max-width:900px;margin:12px 0 0;font-family:Ma Shan Zheng,cursive;font-size:clamp(46px,5vw,70px);font-weight:400;line-height:1.06}.page-lead p,.catalog-hero p{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.scene-summary{background:#fffaf0e6;border:2px solid #252b2838;border-radius:14px 19px 15px 21px;grid-template-columns:154px 1fr;align-items:center;gap:15px;padding:10px;display:grid;transform:rotate(-.5deg);box-shadow:7px 8px #252b281a}.scene-preview{background:var(--region-scene) center / cover;border:4px solid #fffaf0;border-radius:9px;height:102px;display:block;box-shadow:0 0 0 1px #252b2842}.scene-summary small,.scene-summary strong{display:block}.scene-summary small{color:var(--green);letter-spacing:.1em;font-size:12px;font-weight:800}.scene-summary strong{margin-top:3px;font-size:17px}.scene-summary p{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.55}.workbench-grid{grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr);align-items:start;gap:22px;display:grid}.capture-panel,.decision-panel{box-shadow:var(--shadow);background:linear-gradient(#fffaf0f2,#f6f0dcf5),repeating-linear-gradient(0deg,#0000 0 31px,#2e48360a 32px);border:2px solid #252b2833;border-radius:20px 28px 22px 18px;overflow:hidden}.panel-title{border-bottom:2px solid #252b2824;align-items:center;gap:13px;min-height:84px;padding:17px 22px;display:flex}.panel-title>span{border:2px solid var(--ink);width:44px;height:44px;color:var(--green-dark);background:var(--lime);font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;border-radius:12px 15px 12px 16px;place-items:center;font-size:18px;font-weight:900;display:grid}.panel-title>div{flex:1}.panel-title strong,.panel-title small{display:block}.panel-title strong{font-size:18px}.panel-title small{color:var(--muted);margin-top:3px;font-size:13px}.panel-title em{color:var(--green);background:#1f6b431a;border:1px solid #317a4b3d;border-radius:999px;padding:7px 12px;font-size:12px;font-style:normal;font-weight:700}.drop-zone{background:linear-gradient(#fffaf0cc, #f6f0dce0), var(--region-scene) center / cover;border:2px dashed #317a4b80;border-radius:16px 22px 18px 25px;place-items:center;width:calc(100% - 36px);min-height:340px;margin:20px;transition:all .18s;display:grid;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone.dragging{border-color:var(--green);background-color:#dff36f29;transform:translateY(-2px)}.drop-zone.has-image{background:var(--ink);border-style:solid;min-height:260px}.drop-zone>img{object-fit:contain;width:100%;height:100%;max-height:390px;display:block}.replace-image{color:#fff;background:#0f1a14d1;border-radius:999px;padding:9px 13px;font-size:13px;position:absolute;bottom:12px;right:12px}.drop-copy{justify-items:center;gap:9px;display:grid}.drop-copy strong{font-size:22px}.drop-copy small{color:var(--muted);font-size:14px}.drop-arrow{color:#fff;background:var(--green-dark);width:64px;height:64px;box-shadow:6px 6px 0 var(--yellow);border-radius:50%;place-items:center;margin-bottom:7px;font-size:30px;display:grid}.recognition-box{border:2px solid var(--line);background:#efe8d3b8;border-radius:16px 21px 17px 23px;margin:0 20px 20px;padding:18px}.recognition-status{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.recognition-status span{color:var(--green-dark);background:var(--lime);border-radius:6px;padding:5px 9px;font-size:12px;font-weight:800}.recognition-status strong{font-size:14px}.recognition-status em{color:var(--muted);font-size:13px;font-style:normal}.progress-line{background:var(--paper-deep);border-radius:3px;height:3px;margin:12px 0 14px;overflow:hidden}.progress-line span{background:var(--green);height:100%;transition:width .22s;display:block}.ocr-result-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ocr-result-grid label{background:var(--card);border:2px solid #252b2829;border-radius:12px 16px 13px 17px;padding:12px}.ocr-thumb{place-items:center;height:72px;display:grid}.ocr-thumb>img{object-fit:contain;max-width:100%;max-height:70px}.variant-stack{width:112px;height:76px;display:block;position:relative}.variant-stack .spirit-image{border:2px solid var(--card);background:var(--paper-deep);border-radius:50%;width:68px;height:68px;padding:3px;position:absolute;top:4px}.variant-stack .spirit-image:first-child{z-index:3;left:0}.variant-stack .spirit-image:nth-child(2){z-index:2;left:24px}.variant-stack .spirit-image:nth-child(3){z-index:1;left:48px}.variant-stack>em{z-index:4;border:2px solid var(--card);color:#fff;background:var(--green-dark);border-radius:50%;place-items:center;min-width:25px;height:25px;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:1px;right:0}.ocr-thumb .variant-stack{transform:scale(.76)}.ocr-result-grid label>small{color:var(--muted);font-size:12px;display:block}.ocr-result-grid input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;margin:3px 0;padding:8px 0;font-size:15px;font-weight:700}.ocr-result-grid em{font-size:12px;font-style:normal}.ocr-result-grid em.matched{color:var(--green)}.ocr-result-grid em.unmatched{color:#b96132}.solid-button{border:2px solid var(--ink);color:var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--ink);border-radius:11px 15px 12px 17px;padding:13px 18px;font-size:14px;font-weight:700}.solid-button.wide{width:100%;margin-top:12px}.manual-entry{padding:0 20px 20px}.manual-entry>span{color:var(--muted);margin-bottom:7px;font-size:13px;display:block}.manual-entry>div{grid-template-columns:1fr auto;display:grid}.manual-entry input{border:2px solid var(--line);background:#fff;border-radius:11px 0 0 11px;outline:none;min-width:0;padding:13px 15px;font-size:15px}.manual-entry button{border:2px solid var(--green-dark);color:#fff;background:var(--green-dark);border-radius:0 11px 11px 0;padding:0 21px;font-size:14px;font-weight:700}.manual-entry button:disabled,.solid-button:disabled{opacity:.45}.clear-button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 12px;font-size:12px}.choice-stack{gap:14px;padding:20px;display:grid}.choice-card{color:#fff8df;background:linear-gradient(145deg,#303633,#1d221f);border:2px solid #171c19;border-radius:18px 24px 18px 20px;grid-template-columns:112px 1fr auto;align-items:center;gap:15px;min-height:154px;padding:16px 16px 16px 58px;transition:all .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #161c182e}.choice-card.recommended{border-color:var(--yellow);background:radial-gradient(circle at 24% 15%,#dff45b33,#0000 45%),linear-gradient(145deg,#30483a,#182b20)}.choice-card.recommended:hover{transform:translate(-4px);box-shadow:8px 8px #1f6b431f}.choice-card.completed{filter:saturate(.65);opacity:.72}.choice-card.variant-group{padding:16px 16px 16px 54px;display:block}.choice-card.variant-group.completed{filter:none}.variant-summary{grid-template-columns:125px 1fr;align-items:center;gap:12px;display:grid}.variant-summary .variant-stack{width:118px}.variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.variant-options>button{color:#fff8df;text-align:left;background:#fff8df12;border:1px solid #fff8df38;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:9px;transition:all .15s;display:grid}.variant-options>button:not(:disabled):hover{border-color:var(--green);background:#dff36f38;transform:translateY(-2px)}.variant-options .spirit-image.small{width:48px;height:48px}.variant-options>button>span{min-width:0}.variant-options strong,.variant-options small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.variant-options strong{font-size:13px}.variant-options small{color:#fff8df9e;margin-top:3px;font-size:11px}.variant-options em{color:#fff;background:var(--green);border-radius:5px;padding:4px 6px;font-size:11px;font-style:normal;font-weight:700}.variant-options>button.completed{opacity:.58;background:var(--paper-deep)}.variant-options>button.completed em{color:var(--green-dark);background:var(--lime)}.choice-card.placeholder{min-height:116px;color:var(--muted);box-shadow:none;background:#fffaf061;border-style:dashed;grid-template-columns:auto 1fr}.choice-card.placeholder>span{font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;font-size:23px;font-weight:800}.choice-card.placeholder strong,.choice-card.placeholder small{display:block}.choice-card.placeholder small{margin-top:4px;font-size:13px}.choice-number{color:#fff8df7a;width:42px;font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;writing-mode:vertical-rl;border-right:1px solid #fff8df24;place-items:center;font-size:17px;font-weight:800;display:grid;position:absolute;inset:0 auto 0 0}.spirit-image.large{object-fit:contain;filter:drop-shadow(0 9px 8px #1f342726);width:112px;height:112px}.spirit-image.small{object-fit:contain;width:68px;height:68px}.image-fallback{background:var(--paper-deep);border-radius:50%;place-items:center;display:grid}.image-fallback.large{width:100px;height:100px;font-size:28px}.choice-copy em{color:var(--green-dark);background:var(--lime);border-radius:5px;padding:4px 7px;font-size:12px;font-style:normal;font-weight:800}.choice-card.completed .choice-copy em{color:#fff8dfad;background:#fff8df1f}.choice-copy h3{margin:9px 0 3px;font-size:23px}.choice-copy small{color:#fff8dfa6;font-size:13px}.choice-card>button{border:2px solid var(--yellow);color:var(--ink);background:var(--yellow);border-radius:10px 14px 11px 15px;padding:11px 14px;font-size:13px;font-weight:700}.choice-card>button:disabled{color:#fff8df80;background:#fff8df14;border-color:#fff8df26}.decision-note{background:var(--paper-deep);border-radius:12px;align-items:flex-start;gap:10px;margin:0 18px 18px;padding:12px;display:flex}.decision-note>span{color:#fff;background:var(--green);width:20px;height:20px;font-family:var(--numeric-font);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.decision-note p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.choice-card.placeholder .choice-number{color:#252b2866;border-color:#252b2821}.catalog-page{padding-top:58px}.catalog-hero{grid-template-columns:1fr auto;align-items:end;gap:60px;display:grid}.catalog-hero p{max-width:650px;margin-top:13px}.catalog-stats{background:#fffdf7db;border:1px solid #123b2d26;border-radius:20px;grid-template-columns:repeat(3,142px);padding:7px;display:grid;overflow:hidden;box-shadow:0 7px #123b2d12,0 16px 36px #142b1f1a}.catalog-stats div{border-right:1px solid var(--line);padding:15px 18px 16px;position:relative}.catalog-stats div:last-child{border-right:0}.catalog-stats div.accent{color:var(--green-dark);background:#afc5aa47;border-radius:14px}.catalog-stats small,.catalog-stats strong{display:block}.catalog-stats small{color:var(--muted);font-size:13px;font-weight:600}.catalog-stats .accent small{color:var(--green)}.catalog-stats strong{font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.045em;margin-top:7px;font-size:30px;font-weight:900;line-height:1.05}.catalog-toolbar{background:#fffaf0e0;border:2px solid #252b282e;border-radius:15px 20px 14px 19px;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:14px;margin:35px 0 22px;padding:14px 16px;display:grid;box-shadow:0 5px #252b2814}.search-box{align-items:center;gap:8px;max-width:450px;display:flex}.search-box>span{font-size:22px}.search-box input{background:0 0;border:0;outline:none;width:100%;padding:11px 0;font-size:15px}.filter-tabs{background:var(--paper-deep);border-radius:12px;gap:4px;padding:4px;display:flex}.filter-tabs button{background:0 0;border:0;border-radius:8px;padding:9px 13px;font-size:13px}.filter-tabs button.active{color:#fff;background:var(--green-dark);box-shadow:0 4px 10px #164b322e}.filter-tabs small{opacity:.65;margin-left:5px}.result-count{color:var(--muted);font-size:13px}.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;display:grid}.catalog-card{background:linear-gradient(#fffaf0f5,#f6f0dcf7),repeating-linear-gradient(0deg,#0000 0 28px,#2e483609 29px);border:2px solid #252b2829;border-radius:13px 18px 14px 20px;min-width:0;padding:13px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.catalog-card:hover{z-index:1;transform:translateY(-4px);box-shadow:7px 9px #252b281f,0 18px 30px #303c2b29}.catalog-card.completed{background:linear-gradient(#ebf7d8c7, #fffdf6e0), var(--card);border-color:#1f6b4347}.catalog-number{z-index:2;color:var(--muted);font-family:var(--numeric-font);font-variant-numeric:tabular-nums lining-nums;background:#f7f3e8db;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.catalog-image-wrap{background:radial-gradient(circle,#dff36f45,#0000 58%),linear-gradient(145deg,#eee8d8a6,#fff6);border:1px solid #252b281a;border-radius:11px 16px 12px 18px;place-items:center;height:146px;display:grid}.catalog-image-wrap .spirit-image{width:126px;height:126px}.catalog-card-copy{padding:11px 2px 10px}.catalog-card-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.catalog-card-copy small{color:var(--muted);font-size:12px}.status-toggle{border:2px solid var(--line);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 9px;font-size:13px;font-weight:600;display:flex}.status-toggle span{border:1px solid var(--line);border-radius:4px;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.catalog-card.completed .status-toggle{color:#fff;border-color:var(--green);background:var(--green)}.catalog-card.completed .status-toggle span{border-color:#ffffff73}.capture-panel,.decision-panel,.catalog-card{animation:.42s both journal-rise}.decision-panel{animation-delay:70ms}@keyframes journal-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.catalog-empty{text-align:center;padding:90px 20px}.catalog-empty p{color:var(--muted);font-size:14px}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:28px;display:flex}.pagination button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 15px}.pagination button:disabled{opacity:.4}.pagination span{color:var(--muted);font-size:13px}.back-to-top{z-index:55;color:#fffdf6;background:var(--green-dark);border:1px solid #ffffff29;border-radius:19px;align-content:center;place-items:center;gap:1px;width:52px;height:64px;padding:7px 5px;transition:transform .16s,background .16s;animation:.18s ease-out both back-to-top-in;display:grid;position:fixed;bottom:96px;right:26px;box-shadow:0 6px #0c2b2124,0 15px 28px #123b2d33}.back-to-top:hover{background:var(--green);transform:translateY(-3px)}.back-to-top>span{font-size:22px;font-weight:800;line-height:1}.back-to-top>small{letter-spacing:.08em;font-size:11px;font-weight:700}@keyframes back-to-top-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{z-index:60;color:#fff;background:var(--green-dark);border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:12px;max-width:min(440px,100vw - 48px);padding:13px 14px 13px 18px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #12261b45}.toast span{flex:1}.toast button{color:var(--lime);background:0 0;border:0;padding:3px 6px}.guide-overlay,.support-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1e169e;place-items:center;padding:24px;animation:.18s ease-out both support-fade-in;display:grid;position:fixed;inset:0}.guide-dialog{background:radial-gradient(circle at 8% 0, #e3ee9947, transparent 30%), var(--card);border:1px solid #123b2d2e;border-radius:28px;width:min(820px,100%);max-height:calc(100vh - 48px);padding:26px;animation:.22s ease-out both support-dialog-in;overflow:auto;box-shadow:0 8px #071d142e,0 34px 80px #071d1452}.guide-dialog>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.guide-dialog>header span{color:var(--green);letter-spacing:.16em;font-size:12px;font-weight:800}.guide-dialog h2{margin:6px 0 4px;font-size:30px;line-height:1.25}.guide-dialog>header p{color:var(--muted);margin:0;font-size:14px}.guide-dialog>header button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:#ffffffb3;border-radius:50%;flex:none;font-size:21px;line-height:1}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.guide-steps li{background:#ffffffa3;border:1px solid #123b2d1f;border-radius:18px;align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.guide-steps li>b{border:2px solid var(--green-dark);width:36px;height:36px;color:var(--green-dark);background:var(--lime);border-radius:12px 12px 12px 5px;flex:none;place-items:center;font-family:Georgia,serif;font-size:16px;display:grid}.guide-steps strong{color:var(--ink);font-size:15px;display:block}.guide-steps p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.65}.privacy-panel{background:#e0ecd78c;border:1px solid #2f76522e;border-radius:18px;grid-template-columns:180px 1fr;gap:18px;margin-top:14px;padding:17px 18px;display:grid}.privacy-heading{align-items:center;gap:10px;display:flex}.privacy-heading>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.privacy-heading strong,.privacy-heading small{display:block}.privacy-heading strong{color:var(--ink);font-size:15px}.privacy-heading small{color:var(--muted);margin-top:2px;font-size:11px}.privacy-panel ul{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.75}.guide-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.guide-footer small{color:var(--muted);font-size:12px}.guide-footer button{border:1px solid var(--green-dark);color:#fff;background:var(--green);border-radius:999px;min-width:128px;padding:11px 22px;font-size:14px;font-weight:800}.guide-footer button:hover,.guide-footer button:focus-visible{background:var(--green-dark)}.support-dialog{background:radial-gradient(circle at 14% 0, #e3ee993d, transparent 32%), var(--card);border:1px solid #123b2d2e;border-radius:26px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:24px;animation:.22s ease-out both support-dialog-in;overflow:auto;box-shadow:0 8px #071d142e,0 34px 80px #071d1452}.support-dialog>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.support-dialog>header span{color:var(--green);letter-spacing:.16em;font-size:12px;font-weight:800}.support-dialog h2{margin:6px 0 4px;font-size:28px;line-height:1.25}.support-dialog>header p{color:var(--muted);margin:0;font-size:14px}.support-dialog>header button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:#ffffffb3;border-radius:50%;flex:none;font-size:21px;line-height:1}.support-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.support-code-grid article{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;min-width:0;padding:16px}.support-code-grid article.wechat{box-shadow:0 5px #07c16024}.support-code-grid article.alipay{box-shadow:0 5px #1677ff24}.support-code-grid strong,.support-code-grid small{display:block}.support-code-grid strong{font-size:17px}.support-code-grid small{color:var(--muted);margin:2px 0 12px;font-size:12px}.support-code-grid img{object-fit:contain;border-radius:12px;width:100%;max-height:390px;display:block}.support-footnote{color:var(--muted);text-align:center;margin:18px 0 0;font-size:12px}@keyframes support-fade-in{0%{opacity:0}to{opacity:1}}@keyframes support-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}footer{width:min(1480px,100% - 48px);min-height:72px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf785;border:1px solid #123b2d1a;border-radius:18px;justify-content:space-between;align-items:center;margin:0 auto 24px;padding:0 18px;font-size:13px;display:flex;box-shadow:0 5px #123b2d0a}footer>div{align-items:center;gap:15px;display:flex}footer strong{color:var(--ink)}footer strong i{color:var(--gold);margin:0 4px;font-style:normal;font-weight:500}footer button{color:var(--ink);border-color:var(--line);background:#fffdf7cc}.footer-actions .support-button{color:#fff;border-color:var(--green);background:var(--green)}.footer-actions .support-button:hover,.footer-actions .support-button:focus-visible{color:#fff;border-color:var(--green-dark);background:var(--green-dark)}.footer-actions .support-button:active{color:#fff;background:#092f22;transform:translateY(1px)}.support-button>span{color:var(--lime);margin-right:5px}.footer-actions{position:relative}.footer-brand .feedback-copy{color:var(--muted);background:#fffdf794;border-color:#2f765233;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:inline-flex}.feedback-copy b{color:var(--ink);letter-spacing:.04em;font-size:13px}.feedback-copy i{color:var(--green);background:#2f76521a;border-radius:999px;padding:2px 6px;font-size:11px;font-style:normal}.footer-brand .feedback-copy:hover,.footer-brand .feedback-copy:focus-visible{color:var(--green-dark);background:#fff;border-color:#2f76526b}@media (width<=1180px){.app-header{grid-template-columns:1fr auto}.main-nav{border-top:1px solid #123b2d1f;order:3;grid-column:1/-1;justify-content:center;width:100%}.region-bar{grid-template-columns:1fr auto}.region-progress{display:none}.workbench-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.app-header,.region-bar,.workbench-page,.catalog-page,footer{width:min(100% - 24px,1480px)}.app-header{min-height:72px;padding:12px}.header-actions .desktop-only-action{display:none}.main-nav button{flex:1;min-width:0;padding:13px 8px}.brand-logo{width:80px;height:64px}.brand-caption{font-size:11px}.region-bar{grid-template-columns:1fr;gap:10px;padding:14px;position:static}.region-switcher{grid-template-columns:repeat(3,1fr);display:grid}.region-switcher button{min-width:0;padding:8px}.region-index{display:none}.workbench-page,.catalog-page{padding:40px 0 65px}.page-lead,.catalog-hero{grid-template-columns:1fr;gap:18px}.page-lead h1,.catalog-hero h1{font-size:43px}.scene-summary{grid-template-columns:120px 1fr}.scene-preview{height:92px}.workbench-grid{display:block}.decision-panel{margin-top:16px}.choice-card{grid-template-columns:80px 1fr;padding-left:43px}.choice-card .spirit-image.large{width:80px;height:80px}.choice-card>button{grid-column:1/-1;margin-left:0}.variant-options,.ocr-result-grid{grid-template-columns:1fr}.catalog-stats{grid-template-columns:repeat(3,1fr)}.catalog-stats div{padding:12px}.catalog-stats strong{font-size:21px}.catalog-toolbar{grid-template-columns:1fr}.filter-tabs{width:100%}.filter-tabs button{flex:1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-card{padding:10px}.catalog-image-wrap{height:125px}.catalog-image-wrap .spirit-image{width:110px;height:110px}.back-to-top{width:48px;height:58px;bottom:88px;right:14px}.toast{max-width:calc(100vw - 28px);bottom:16px;right:14px}.guide-overlay,.support-overlay{padding:12px}.guide-dialog{border-radius:20px;max-height:calc(100vh - 24px);padding:18px}.guide-dialog h2{font-size:25px}.guide-steps{grid-template-columns:1fr}.privacy-panel{grid-template-columns:1fr;gap:12px}.guide-footer{flex-direction:column;align-items:stretch;gap:10px}.guide-footer button{width:100%}.support-dialog{border-radius:20px;max-height:calc(100vh - 24px);padding:18px}.support-code-grid{grid-template-columns:1fr}.support-code-grid img{max-height:min(58vh,480px)}footer{gap:14px;padding:24px 0;display:grid}footer>div{flex-wrap:wrap}.footer-actions{justify-content:space-between}}@media (width<=460px){.brand-caption{display:none}.brand-logo{width:72px;height:58px}.header-actions button{padding:8px 10px;font-size:12px}.region-switcher strong{font-size:13px}.region-switcher small{font-size:11px}.scene-summary{grid-template-columns:1fr}.scene-preview{height:130px}.page-lead h1,.catalog-hero h1{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}