:root{--black:#0a0a0a;--black-rich:#111;--black-card:#1a1a1a;--black-hover:#222;--gold:#c9a84c;--gold-light:#e6d5a0;--gold-dim:#8b7a3e;--gold-glow:rgba(201,168,76,.15);--cream:#f5ead6;--red:#c44d4d;--green:#4da86c;--blue:#4d8ac4;--text:#e8e0d0;--text-dim:#8a8278;--text-muted:#5a554e;--border:#2a2520;--border-gold:rgba(201,168,76,.25);--radius:12px;--radius-sm:8px;--font-display:"Cormorant Garamond",serif;--font-body:"Noto Sans TC",sans-serif;--font-mono:"JetBrains Mono",monospace}html,body,#root{height:auto!important;min-height:100%;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}body{font-family:"Noto Serif TC",serif;background:#050403;color:#e8dcc8;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}input,select,textarea{font-family:var(--font-body);background:var(--black);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--gold)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:var(--black);font-weight:600;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px}.btn-gold:hover{filter:brightness(1.1)}.btn-gold:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--border-gold);padding:10px 20px;border-radius:var(--radius-sm);font-size:14px}.btn-outline:hover{background:var(--gold-glow)}.btn-red{background:#c44d4d26;color:var(--red);border:1px solid rgba(196,77,77,.25);padding:10px 20px;border-radius:var(--radius-sm);font-size:14px}.card{background:var(--black-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-gold{background:var(--gold-glow);color:var(--gold)}.badge-green{background:#4da86c26;color:var(--green)}.badge-red{background:#c44d4d26;color:var(--red)}.badge-blue{background:#4d8ac426;color:var(--blue)}.page-container{height:100%;overflow-y:auto;padding:20px 20px 100px}.section-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--gold);margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.loading-shimmer{background:linear-gradient(90deg,var(--black-card) 25%,var(--black-hover) 50%,var(--black-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);height:40px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-dim);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--border)}@media (max-width: 1024px){html{font-size:16px}body{font-size:15px}input,select,textarea{font-size:16px!important;padding:12px 16px;min-height:48px}.btn-gold,.btn-outline,.btn-red{font-size:15px;padding:14px 24px;min-height:48px}.card{padding:16px}.page-container{padding:16px 16px 90px}.section-title{font-size:22px}.badge{font-size:13px;padding:5px 12px}table{font-size:14px}th,td{padding:12px}}@media (max-width: 480px){html{font-size:15px}input,select,textarea{font-size:16px!important;padding:14px 16px;min-height:50px;border-radius:10px}.btn-gold,.btn-outline,.btn-red{font-size:16px;padding:16px 24px;min-height:52px;border-radius:10px}.card{padding:14px;border-radius:14px}.page-container{padding:14px 14px 85px}.section-title{font-size:20px}}@media (min-width: 768px) and (max-width: 1024px){.page-container{padding:24px 24px 100px;max-width:800px;margin:0 auto}.card{padding:20px}.section-title{font-size:24px}}@media (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}input[type=checkbox]{width:28px!important;height:28px!important}}@media (max-width: 480px){.card,.card *{min-font-size:13px}.page-container div[style]{font-size:inherit}nav button{font-size:13px!important;min-height:50px!important}nav{padding:8px 4px!important}}@media (max-width: 1024px){input[type=number],input[inputmode=numeric],input[inputmode=decimal]{font-size:24px!important;font-weight:700!important;font-family:JetBrains Mono,monospace!important;padding:14px!important;min-height:56px!important}input[type=number]::placeholder,input[inputmode=numeric]::placeholder{font-size:15px!important;font-weight:400!important;font-family:Noto Sans TC,sans-serif!important}input[type=password]{font-size:32px!important;letter-spacing:8px;min-height:56px!important;padding:14px!important}input[type=date]{font-size:18px!important;min-height:52px!important}}body{font-size:15px}input,select,textarea{font-size:15px!important}.btn-gold,.btn-outline,.btn-red{font-size:15px}.section-title{font-size:22px}.badge{font-size:13px}table{font-size:14px}th,td{padding:12px}label{font-size:13px!important}@media (min-width: 1025px){#root{zoom:1.2}body{font-size:16px}input,select,textarea{font-size:16px!important;padding:12px 16px!important}.btn-gold,.btn-outline,.btn-red{font-size:16px;padding:14px 24px}.section-title{font-size:24px}label{font-size:14px!important}table{font-size:15px}}@media (min-width: 768px) and (max-width: 1024px){body{font-size:16px}input,select,textarea{font-size:16px!important;min-height:48px}.btn-gold,.btn-outline,.btn-red{font-size:16px;min-height:48px}label{font-size:14px!important}}@media (max-width: 767px){body{font-size:15px}input,select,textarea{font-size:16px!important;min-height:48px}.btn-gold,.btn-outline,.btn-red{font-size:15px;min-height:48px}label{font-size:13px!important}}nav{font-size:14px!important}nav button,nav a{font-size:13px!important;padding:8px 4px!important}@media (max-width: 767px){nav{font-size:14px!important;padding:6px 0!important;padding-bottom:env(safe-area-inset-bottom,8px)!important}nav button,nav a{font-size:12px!important;min-height:52px!important;gap:2px!important}nav svg{width:22px!important;height:22px!important}}@media (min-width: 768px) and (max-width: 1024px){nav button,nav a{font-size:14px!important;min-height:56px!important}nav svg{width:24px!important;height:24px!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--void:#050403;--ink:#0a0908;--night:#0f0d0a;--mahogany:#1a1410;--walnut:#231c14;--tobacco:#2e2318;--leather:#3a2d1e;--gold:196,163,90;--gold-hex:#c4a35a;--gold-bright:#d4b56a;--gold-dim:#8b7340;--ember:#c45a2c;--ash:#888078;--smoke:#555048;--bone:#e8dcc8;--cream:#f0e8d8;--success:100,170,100;--danger:190,70,60;--info:100,140,170;--serif:"Noto Serif TC",serif;--display:"Cormorant Garamond",serif;--mono:"JetBrains Mono",monospace}body{background:var(--void);color:var(--bone);font-family:var(--serif);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.wcb-ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,#141008,var(--void))}.wcb-ambient:before{content:"";position:absolute;top:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(var(--gold),.04) 0%,transparent 60%);filter:blur(80px);animation:wcb-breathe 8s ease-in-out infinite}.wcb-ambient:after{content:"";position:absolute;bottom:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(160,80,30,.025) 0%,transparent 55%);filter:blur(60px);animation:wcb-breathe 12s ease-in-out infinite reverse}@keyframes wcb-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.wcb-smoke{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.wcb-sp{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(120,110,90,.07) 0%,rgba(80,70,55,.02) 40%,transparent 70%);filter:blur(50px);will-change:transform}.wcb-sp:nth-child(1){width:350px;height:350px;left:5%;top:15%;animation:ws1 28s infinite linear}.wcb-sp:nth-child(2){width:200px;height:200px;left:55%;top:55%;animation:ws2 22s infinite linear}.wcb-sp:nth-child(3){width:450px;height:450px;left:35%;top:-5%;animation:ws3 35s infinite linear}.wcb-sp:nth-child(4){width:180px;height:180px;left:75%;top:30%;animation:ws4 18s infinite linear}.wcb-sp:nth-child(5){width:280px;height:280px;left:15%;top:65%;animation:ws5 25s infinite linear}.wcb-sp:nth-child(6){width:150px;height:150px;left:60%;top:80%;animation:ws6 20s infinite linear}@keyframes ws1{0%{transform:translate(0) rotate(0)}25%{transform:translate(80px,-60px) rotate(90deg)}50%{transform:translate(-20px,-120px) rotate(180deg)}75%{transform:translate(50px,-30px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes ws2{0%{transform:translate(0) scale(1)}33%{transform:translate(-60px,-80px) scale(1.2)}66%{transform:translate(40px,-40px) scale(.8)}to{transform:translate(0) scale(1)}}@keyframes ws3{0%{transform:translate(0)}50%{transform:translate(-60px,80px)}to{transform:translate(0)}}@keyframes ws4{0%{transform:translate(0) scale(.9)}50%{transform:translate(-40px,-60px) scale(1.1)}to{transform:translate(0) scale(.9)}}@keyframes ws5{0%{transform:translate(0)}33%{transform:translate(50px,-40px)}66%{transform:translate(-30px,30px)}to{transform:translate(0)}}@keyframes ws6{0%{transform:translate(0) rotate(0)}to{transform:translate(20px,-100px) rotate(360deg)}}.wcb-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:wcb-grain .5s steps(4) infinite}@keyframes wcb-grain{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}to{transform:translate(0)}}.wcb-card{position:relative;background:linear-gradient(160deg,#16120eeb,#0c0a08f5);border:1px solid rgba(var(--gold),.08);border-radius:14px;padding:22px;margin-bottom:10px;overflow:hidden;transition:border-color .4s,box-shadow .4s;animation:wcb-cardIn .6s cubic-bezier(.16,1,.3,1) both}.wcb-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--gold),.2),transparent);transition:all .4s}.wcb-card:hover:before{left:10%;right:10%;background:linear-gradient(90deg,transparent,rgba(var(--gold),.35),transparent)}.wcb-card:after{content:"";position:absolute;top:-60%;left:-20%;width:140%;height:120%;background:radial-gradient(ellipse at 50% 0%,rgba(var(--gold),.02),transparent 60%);pointer-events:none;transition:opacity .4s;opacity:0}.wcb-card:hover:after{opacity:1}.wcb-card:hover{border-color:rgba(var(--gold),.15);box-shadow:0 8px 40px #0000004d,0 0 60px rgba(var(--gold),.03)}@keyframes wcb-cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wcb-btn-gold{width:100%;padding:16px;background:linear-gradient(135deg,rgba(var(--gold),1),rgba(var(--gold),.8));border:none;border-radius:10px;font-family:var(--serif);font-size:15px;font-weight:600;color:var(--void);cursor:pointer;letter-spacing:3px;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 4px 20px rgba(var(--gold),.15)}.wcb-btn-gold:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.16,1,.3,1)}.wcb-btn-gold:hover{box-shadow:0 6px 30px rgba(var(--gold),.25);transform:translateY(-1px)}.wcb-btn-gold:hover:before{left:150%}.wcb-btn-gold:active{transform:translateY(0) scale(.98)}.wcb-btn-outline{padding:10px 20px;background:transparent;border:1px solid rgba(var(--gold),.15);border-radius:8px;font-family:var(--serif);font-size:13px;color:rgba(var(--gold),.7);cursor:pointer;transition:all .3s;letter-spacing:1px}.wcb-btn-outline:hover{border-color:rgba(var(--gold),.3);color:rgba(var(--gold),1)}.wcb-btn-danger{padding:10px 20px;background:rgba(var(--danger),.1);border:1px solid rgba(var(--danger),.2);border-radius:8px;font-family:var(--serif);font-size:13px;color:rgba(var(--danger),.8);cursor:pointer;transition:all .3s}.wcb-btn-danger:hover{background:rgba(var(--danger),.15);border-color:rgba(var(--danger),.35)}.wcb-zone{margin-top:28px}.wcb-zone-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:0 4px}.wcb-zone-accent{width:2px;height:24px;border-radius:1px;position:relative;overflow:hidden}.wcb-zone-accent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;animation:wcb-shimmer 3s ease-in-out infinite}@keyframes wcb-shimmer{0%,to{opacity:.5}50%{opacity:1}}.wcb-zone-accent.gold{background:rgba(var(--gold),.2)}.wcb-zone-accent.gold:after{background:linear-gradient(180deg,rgba(var(--gold),.8),rgba(var(--gold),.2))}.wcb-zone-accent.blue{background:rgba(var(--info),.2)}.wcb-zone-accent.blue:after{background:linear-gradient(180deg,rgba(var(--info),.7),rgba(var(--info),.2))}.wcb-zone-accent.green{background:rgba(var(--success),.2)}.wcb-zone-accent.green:after{background:linear-gradient(180deg,rgba(var(--success),.7),rgba(var(--success),.2))}.wcb-zone-label{font-family:var(--serif);font-size:14px;font-weight:500;color:var(--bone);letter-spacing:1px}.wcb-zone-eng{font-family:var(--display);font-size:11px;color:rgba(var(--gold),.3);letter-spacing:3px;margin-left:auto;font-style:italic}.wcb-input{width:100%;padding:12px 14px;background:rgba(var(--gold),.03);border:1px solid rgba(var(--gold),.1);border-radius:8px;color:var(--bone);font-family:var(--serif);font-size:14px;outline:none;transition:all .3s}.wcb-input:focus{border-color:rgba(var(--gold),.25);box-shadow:0 0 20px rgba(var(--gold),.03)}.wcb-input::placeholder{color:rgba(var(--bone),.2)}.wcb-select{width:100%;padding:12px 14px;background:rgba(var(--gold),.03);border:1px solid rgba(var(--gold),.1);border-radius:8px;color:var(--bone);font-family:var(--serif);font-size:14px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.wcb-label{display:block;font-family:var(--serif);font-size:12px;color:var(--ash);margin-bottom:6px}.wcb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#050403d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;animation:wcb-fadeIn .3s ease}.wcb-modal{width:100%;max-width:460px;max-height:90vh;background:linear-gradient(160deg,#16120efa,#0a0908fc);border:1px solid rgba(var(--gold),.1);border-radius:20px 20px 0 0;padding:28px 24px 40px;overflow-y:auto;animation:wcb-slideUp .4s cubic-bezier(.16,1,.3,1)}.wcb-modal-title{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--cream);text-align:center;margin-bottom:20px}@keyframes wcb-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wcb-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wcb-stat{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(var(--gold),.04)}.wcb-stat:last-child{border:none}.wcb-stat-k{font-family:var(--serif);font-size:13px;color:var(--ash)}.wcb-stat-v{font-family:var(--mono);font-size:14px;color:rgba(var(--gold),.75);letter-spacing:1px}.wcb-stat-v.hero{font-size:22px;color:var(--cream);font-weight:300}.wcb-progress-track{height:3px;border-radius:2px;background:rgba(var(--gold),.06);overflow:hidden}.wcb-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(var(--gold),.4),rgba(var(--gold),.8));transition:width 1.2s cubic-bezier(.16,1,.3,1);position:relative}.wcb-progress-fill:after{content:"";position:absolute;right:0;top:-1px;bottom:-1px;width:8px;background:rgba(var(--gold),.6);border-radius:50%;filter:blur(3px)}.wcb-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--gold),.06),transparent);margin:12px 0}.wcb-ornament{text-align:center;padding:6px 0;font-family:var(--display);font-size:10px;font-style:italic;color:rgba(var(--gold),.15);letter-spacing:6px}.wcb-tag{font-family:var(--mono);font-size:9px;padding:4px 12px;border-radius:20px;letter-spacing:2px;display:inline-block}.wcb-tag-gold{background:rgba(var(--gold),.1);color:rgba(var(--gold),.8);border:1px solid rgba(var(--gold),.15)}.wcb-tag-green{background:rgba(var(--success),.08);color:rgba(var(--success),.7);border:1px solid rgba(var(--success),.12)}.wcb-tag-red{background:rgba(var(--danger),.08);color:rgba(var(--danger),.7);border:1px solid rgba(var(--danger),.12)}.wcb-tag-blue{background:rgba(var(--info),.08);color:rgba(var(--info),.7);border:1px solid rgba(var(--info),.12)}.wcb-dock{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:100;width:calc(100% - 40px);max-width:420px}.wcb-dock-inner{display:flex;justify-content:space-around;background:#0e0c0aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--gold),.08);border-radius:20px;padding:6px 0;box-shadow:0 8px 40px #00000080}.wcb-dock-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;cursor:pointer;border-radius:12px;position:relative;transition:all .2s}.wcb-dock-item .icon{font-size:17px;opacity:.35;transition:all .3s}.wcb-dock-item .label{font-family:var(--serif);font-size:9px;color:rgba(var(--bone),.25);letter-spacing:1px;transition:all .3s}.wcb-dock-item.active .icon{opacity:.9}.wcb-dock-item.active .label{color:rgba(var(--gold),.7)}.wcb-dock-item.active:before{content:"";position:absolute;top:2px;width:12px;height:2px;border-radius:1px;background:rgba(var(--gold),.5);box-shadow:0 0 8px rgba(var(--gold),.3)}.wcb-table{width:100%;border-collapse:collapse}.wcb-table th{font-family:var(--serif);font-size:11px;color:var(--ash);font-weight:400;text-align:left;padding:10px 8px;border-bottom:1px solid rgba(var(--gold),.08);letter-spacing:1px}.wcb-table td{font-family:var(--serif);font-size:13px;color:var(--bone);padding:12px 8px;border-bottom:1px solid rgba(var(--gold),.04)}.wcb-table td.mono{font-family:var(--mono);font-size:12px;color:rgba(var(--gold),.7)}.wcb-table tr:hover td{background:rgba(var(--gold),.02)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--gold),.15);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--gold),.25)}