:root{--bg-900:#071521;--bg-850:#0d1f2f;--bg-card:#081827d6;--bg-soft:#122435c7;--stroke:#a2b3c43d;--text-main:#f5f7fb;--text-muted:#9eb1c5;--gold:#e6be77;--gold-strong:#dca742;--teal:#5ad0c5;--danger:#ff7b78;--shadow:0 20px 40px #02091147}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-main);background:radial-gradient(1200px 600px at 12% -20%, #5ad0c52e, transparent 55%), radial-gradient(1000px 520px at 108% 18%, #e6be7733, transparent 55%), linear-gradient(170deg, var(--bg-900) 0%, var(--bg-850) 100%);margin:0;font-family:Noto Sans TC,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,100vw - 2rem);margin:1.4rem auto 2.8rem}.topbar{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:linear-gradient(120deg,#071521bd,#0e2031bd);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.6rem;display:flex}.brand-block h1,.section-head h2,.section-copy h2{letter-spacing:-.02em;margin:0;font-family:Manrope,sans-serif}.brand-block h1{color:#fdf6e7;font-size:clamp(1.6rem,3vw,2.2rem)}.eyebrow,.panel-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem;font-size:.78rem}.tagline,.section-copy p,.empty-copy,.status-line,.metric-card small{color:var(--text-muted)}.tagline{max-width:50rem;margin:.55rem 0 0}.nav-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link{color:var(--text-muted);background:#ffffff0a;border:1px solid #0000;border-radius:999px;padding:.78rem 1rem;transition:transform .14s,border-color .14s,color .14s}.nav-link:hover,.nav-link:focus-visible{color:var(--text-main);border-color:#e6be7766;outline:none;transform:translateY(-1px)}.nav-link-active{color:#fff4d8;background:#e6be771f;border-color:#e6be7766}.page-content{margin-top:1.2rem}.page-grid{gap:1rem;display:grid}.panel{border:1px solid var(--stroke);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:24px;padding:1.4rem}.panel-hero{gap:1rem;display:grid}.section-head,.section-copy{gap:.4rem;display:grid}.section-copy h2,.section-head h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}.section-copy p,.empty-copy,.status-line{margin:0;line-height:1.7}.ticker-form{flex-wrap:wrap;align-items:end;gap:.9rem;display:flex}.field{flex:18rem;gap:.45rem;min-width:min(100%,22rem);display:grid}.field span{color:#f8ecd3;font-size:.95rem}.field input{width:100%;min-height:3rem;color:var(--text-main);background:#050e18a3;border:1px solid #a2b3c442;border-radius:16px;padding:.85rem 1rem}.field input:focus-visible{outline-offset:2px;outline:2px solid #5ad0c557}.primary-button{background:linear-gradient(135deg, var(--gold-strong), var(--gold));color:#14202d;cursor:pointer;border:0;border-radius:16px;min-height:3rem;padding:.85rem 1.2rem;font-weight:700}.secondary-button,.danger-button,.text-button{cursor:pointer;border-radius:16px;min-height:3rem;padding:.85rem 1.05rem;transition:transform .14s,border-color .14s,background .14s}.secondary-button{color:var(--text-main);background:#050e187a;border:1px solid #a2b3c442}.danger-button{color:#ffd8d6;background:#5c121959;border:1px solid #ff7b7840}.text-button{min-height:auto;color:var(--gold);background:0 0;border:0;padding:0}.secondary-button:hover,.secondary-button:focus-visible,.danger-button:hover,.danger-button:focus-visible,.text-button:hover,.text-button:focus-visible{outline:none;transform:translateY(-1px)}.primary-button:disabled{cursor:progress;opacity:.7}.status-error{color:var(--danger)}.status-success{color:var(--teal)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.metric-card{background:var(--bg-soft);border:1px solid #a2b3c42e;border-radius:18px;gap:.35rem;padding:1rem;display:grid}.metric-card span{color:var(--text-muted);font-size:.92rem}.metric-card strong{color:#fff6e7;font-family:Manrope,sans-serif;font-size:1.4rem}.inline-actions{flex-wrap:wrap;gap:.75rem;display:flex}.stacked-fields{gap:.9rem;display:grid}.feature-list,.experts-list,.watchlist-grid,.published-grid,.watchlist-card,.expert-card,.auth-panel{gap:1rem;display:grid}.watchlist-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mini-tag{color:#fff0cf;background:#e6be771a;border:1px solid #e6be7740;border-radius:999px;padding:.55rem .85rem;font-size:.88rem}.auth-form{gap:.9rem;display:grid}.checkbox-row{color:var(--text-main);align-items:center;gap:.75rem;display:flex}@media (width<=720px){.app-shell{width:min(100vw - 1rem,100%);margin:.6rem auto 1.4rem}.topbar,.panel{border-radius:20px;padding:1.1rem}.nav-tabs,.ticker-form,.inline-actions{width:100%}.nav-link,.primary-button,.secondary-button,.danger-button{text-align:center;width:100%}}.topbar-right{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-user{align-items:center;gap:.75rem;display:flex}.nav-user-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.88rem;overflow:hidden}.nav-btn{justify-content:center;align-items:center;display:inline-flex;min-height:2.4rem!important;padding:.5rem 1.1rem!important;font-size:.9rem!important}.page-tabs{background:var(--bg-card);border:1px solid var(--stroke);border-radius:999px;gap:.25rem;width:fit-content;margin-bottom:1.5rem;padding:.3rem;display:flex}.page-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem 1.3rem;font-size:.93rem;transition:background .14s,color .14s}.page-tab-btn:hover{color:var(--text-primary)}.page-tab-active{color:var(--gold);background:#e6be7724}.save-cta{color:var(--gold);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.55rem 0;font-size:.9rem;transition:opacity .14s;display:inline-flex}.save-cta:hover{opacity:.75}.save-cta-link{color:var(--gold);align-items:center;gap:.4rem;padding:.55rem 0;font-size:.9rem;text-decoration:none;transition:opacity .14s;display:inline-flex}.save-cta-link:hover{opacity:.75}.form-input{width:100%;min-height:3rem;color:var(--text-main);background:#050e18a3;border:1px solid #a2b3c442;border-radius:16px;padding:.85rem 1rem}.form-input:focus-visible{outline-offset:2px;outline:2px solid #5ad0c557}.login-page{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:72vh;padding:2rem 0;display:grid}.login-left{padding:1rem 2rem 1rem 0}.login-brand-title{color:#fdf6e7;letter-spacing:-.02em;margin:.9rem 0 2rem;font-family:Manrope,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.25}.login-brand-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.78rem}.login-features{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.login-features li{border-left:2px solid #e6be7759;gap:.3rem;padding-left:1.1rem;display:grid}.login-features li strong{color:var(--text-primary);font-size:.95rem}.login-features li span{color:var(--text-muted);font-size:.85rem}.login-right{justify-content:center;display:flex}.login-card{border:1px solid var(--stroke);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;gap:1rem;width:100%;max-width:400px;padding:1.8rem;display:grid}.login-tabs{background:#050e1880;border-radius:14px;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.login-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:.62rem;font-size:.93rem;transition:background .14s,color .14s}.login-tab-active{color:var(--gold);background:#e6be7724}.login-divider{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.82rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--stroke);flex:1;height:1px}@media (width<=640px){.login-page{min-height:unset;grid-template-columns:1fr;gap:2rem}.login-left{text-align:center;padding:0}.login-features{text-align:left}.topbar-right{gap:.5rem}.nav-user-name{display:none}}.wl-layout{grid-template-columns:220px 1fr;align-items:start;gap:1.5rem;display:grid}.wl-sidebar{background:var(--bg-card);border:1px solid var(--stroke);border-radius:20px;flex-direction:column;gap:.5rem;padding:1.2rem 1rem;display:flex;position:sticky;top:1.2rem}.wl-sidebar-header{border-bottom:1px solid var(--stroke);margin-bottom:.25rem;padding-bottom:.6rem}.wl-sidebar-user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.82rem;display:block;overflow:hidden}.wl-sidebar-nav{flex-direction:column;gap:.2rem;display:flex}.wl-sidebar-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:.55rem .75rem;font-size:.9rem;transition:background .13s,color .13s;display:flex}.wl-sidebar-item:hover{color:var(--text-primary);background:#e6be7714}.wl-sidebar-item-active{color:var(--gold);background:#e6be7724}.wl-sidebar-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wl-sidebar-item-count{color:var(--text-muted);background:#a2b3c41a;border-radius:99px;flex-shrink:0;margin-left:.4rem;padding:.1rem .45rem;font-size:.78rem}.wl-sidebar-create{padding:.5rem 0 .25rem}.wl-sidebar-add{width:100%;color:var(--gold);cursor:pointer;text-align:center;background:0 0;border:1px dashed #e6be774d;border-radius:12px;margin-top:.4rem;padding:.55rem .75rem;font-size:.88rem;transition:border-color .13s,background .13s}.wl-sidebar-add:hover{background:#e6be770f;border-color:#e6be778c}.wl-main{min-width:0}.wl-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.wl-list-title{color:var(--text-primary);margin:0;font-size:1.35rem}.wl-list-actions{flex-wrap:wrap;gap:.5rem;display:flex}.wl-table-wrap{border:1px solid var(--stroke);background:var(--bg-card);border-radius:20px;overflow-x:auto}.wl-table{border-collapse:collapse;width:100%;font-size:.93rem}.wl-table-head th{text-align:right;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--stroke);white-space:nowrap;padding:.85rem 1rem;font-size:.8rem;font-weight:600}.wl-table-head th:first-child{text-align:left}.wl-table-head-sub th{text-transform:none;letter-spacing:0;border-bottom:none;padding:.3rem 1rem .6rem;font-size:.75rem;font-weight:500}.num-col{text-align:right;font-variant-numeric:tabular-nums;font-family:Manrope,monospace,sans-serif}.sub-label{color:#a2b3c48c}.wl-row-top td{vertical-align:bottom;border-top:1px solid var(--stroke);padding:1rem 1rem .3rem}.wl-row-bot td{vertical-align:top;color:var(--text-muted);padding:.3rem 1rem .85rem;font-size:.86rem}.wl-row-spacer td{background:0 0;height:.25rem}.wl-ticker-cell{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.wl-ticker-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.wl-market-tag{color:var(--text-muted);background:#a2b3c41a;border-radius:99px;padding:.1rem .4rem;font-size:.72rem}.zone-tag{letter-spacing:.03em;border-radius:99px;padding:.18rem .5rem;font-size:.74rem;font-weight:600}.zone-cheap{color:#34d399;background:#34d39926}.zone-fair{color:#fbbf24;background:#fbbf2426}.zone-expensive{color:#f87171;background:#f8717126}.return-pct.positive{color:#34d399;font-weight:700}.return-pct.negative{color:#f87171;font-weight:700}.cheap-price{color:#34d399}.fair-price{color:var(--text-primary)}.expensive-price{color:#f87171}.current-price{color:var(--text-primary);font-weight:600}.currency{color:var(--text-muted);margin-left:.2rem;font-size:.75rem}.dividend .mock-label{color:#a2b3c480;margin-left:.2rem;font-size:.7rem}.wl-note-cell{min-width:160px}.wl-note-input{width:100%;color:var(--text-muted);font:inherit;background:0 0;border:none;border-bottom:1px solid #0000;padding:.2rem 0;font-size:.83rem;transition:border-color .13s}.wl-note-input:focus{color:var(--text-primary);border-bottom-color:#5ad0c566;outline:none}.wl-note-input::placeholder{color:#a2b3c44d}.wl-actions-cell{vertical-align:middle;width:90px;padding:.5rem .75rem!important}.wl-row-actions{justify-content:flex-end;align-items:center;gap:.3rem;display:flex}.icon-btn{border:1px solid var(--stroke);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.icon-btn:hover{color:var(--text-primary);background:#a2b3c41f;border-color:#a2b3c466}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn-danger:hover{color:#f87171;background:#f871711f;border-color:#f8717159}.atw-wrapper{position:relative}.atw-menu{background:var(--bg-panel,#0d1e2e);border:1px solid var(--stroke);z-index:200;border-radius:16px;gap:.15rem;width:240px;padding:.6rem .5rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 32px #00000073}.atw-menu-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0;padding:.3rem .6rem .5rem;font-size:.74rem}.atw-menu-empty{color:#a2b3c480;margin:0;padding:.25rem .6rem;font-size:.84rem}.atw-menu-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;transition:background .12s,color .12s;display:flex}.atw-menu-item:hover{color:var(--text-primary);background:#e6be771a}.atw-menu-item-saved{color:#34d399}.atw-menu-item-new{color:var(--gold);font-size:.86rem}.atw-menu-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.atw-menu-item-count{color:var(--text-muted);background:#a2b3c414;border-radius:99px;flex-shrink:0;padding:.1rem .4rem;font-size:.76rem}.atw-check{color:#34d399;flex-shrink:0;font-size:.9rem}.atw-divider{background:var(--stroke);height:1px;margin:.35rem .5rem}.atw-create-row{align-items:center;gap:.4rem;padding:.3rem .5rem;display:flex}.atw-create-input{min-height:2rem;color:var(--text-main);font:inherit;background:#050e18a3;border:1px solid #a2b3c442;border-radius:8px;flex:1;padding:.35rem .6rem;font-size:.88rem}.atw-create-input:focus-visible{outline-offset:2px;outline:2px solid #5ad0c557}.atw-create-btn{color:var(--gold);cursor:pointer;white-space:nowrap;background:#e6be772e;border:none;border-radius:8px;padding:.35rem .7rem;font-size:.86rem;transition:background .12s}.atw-create-btn:hover:not(:disabled){background:#e6be774d}.atw-create-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=720px){.wl-layout{grid-template-columns:1fr}.wl-sidebar{flex-direction:column;position:static}.wl-sidebar-nav{flex-flow:wrap;gap:.35rem}.wl-sidebar-item{flex:0 auto}.wl-table-head-sub,.wl-row-bot td:not(:first-child){display:none}}