/* 以已确认的手机端 UI 演示图为视觉参考的覆盖层 */
:root{--bg:#06080d;--surface:#111722;--line:#2d3747;--text:#f7f9ff;--muted:#92a0b6;--gold:#ffc341;--gold2:#ffdd74;--green:#43dd91;--red:#ff5e66;--radius:20px}
body{background:radial-gradient(ellipse 80% 18% at 58% 0,rgba(143,94,16,.24),transparent 72%),linear-gradient(145deg,#070a10,#080b11 55%,#06080d)}
.app-shell{width:min(100%,560px);min-height:100vh;padding:20px 16px 106px;position:relative}.app-shell:before{content:"";position:absolute;top:57px;right:0;left:23%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,195,65,.8),transparent);transform:rotate(-5deg);box-shadow:0 0 20px rgba(255,195,65,.45);pointer-events:none}
.topbar{position:relative;z-index:1;padding:0 0 19px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{font-size:29px;color:var(--gold);line-height:1;transform:skew(-9deg)}.brand h1{font-size:23px;letter-spacing:.02em;margin:0;color:#ffdc78}.brand p{color:#9da8ba;font-size:10px;letter-spacing:.08em;margin:3px 0 0}.icon-button{width:36px;height:36px;border:1px solid #384355;border-radius:12px;background:#111620;color:var(--gold);font-size:18px}
.notice{padding:11px 13px;margin-bottom:22px;border:1px solid rgba(255,195,65,.23);border-radius:13px;background:linear-gradient(110deg,rgba(255,195,65,.12),rgba(255,195,65,.025))}.notice strong{font-size:12px;color:var(--gold2)}.notice small{font-size:10px}.notice span{font-size:10px}
.tabs{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);grid-template-columns:repeat(5,1fr);padding:9px 5px max(11px,env(safe-area-inset-bottom));margin:0;background:linear-gradient(180deg,rgba(14,19,27,.95),rgba(6,9,14,.98));border-top:1px solid #26303e;backdrop-filter:blur(16px)}.tab{font-size:11px}.tab i{display:block;margin-bottom:3px;font-size:24px;line-height:24px}.tab.active{color:var(--gold);background:transparent}.tab.active:after{content:"";display:block;width:26px;height:4px;margin:6px auto -3px;border-radius:9px;background:var(--gold);box-shadow:0 0 12px rgba(255,195,65,.7)}
.page-heading{margin:4px 0 17px}.section-kicker{color:var(--gold);font-size:10px;letter-spacing:.13em}.page-heading h2{font-size:32px}.page-date{color:#9ca7b9;font-size:13px}
.lead-card{overflow:hidden;padding:28px;border:2px solid var(--gold);border-radius:27px;background:radial-gradient(circle at 85% 8%,rgba(201,130,16,.45),transparent 38%),linear-gradient(133deg,#34280e,#181612 54%,#111720);box-shadow:0 0 26px rgba(255,195,65,.2),inset 0 0 36px rgba(255,195,65,.05)}.lead-ribbon{display:inline-block;padding:8px 13px;margin:-2px 0 20px;border-radius:5px;transform:skew(-8deg);background:linear-gradient(90deg,#ffdd75,#ffae0d);color:#191204;font-size:17px;font-weight:900}.lead-top{display:flex;justify-content:space-between;align-items:start}.lead-name{font-size:26px;font-weight:900}.lead-name small{color:#abb4c2;font-size:16px;font-weight:500;margin-left:7px}.lead-top p{margin:8px 0 0;color:#a7afbb;font-size:11px}.change-badge{padding:7px 10px;border-radius:8px;background:#6b1d21;color:#ffb6b9;font-size:15px;font-weight:800}.lead-scores{display:grid;grid-template-columns:1.05fr 1fr 1fr;margin:25px 0 18px}.lead-scores>div{padding-left:17px;border-left:1px solid #697080}.lead-scores>div:first-child{padding-left:0;border-left:0}.lead-scores small{display:block;color:#a9b4c6;font-size:11px}.lead-scores b{display:block;margin-top:6px;font-size:31px;color:var(--gold2);line-height:1}.lead-scores b i{font-size:17px;font-style:normal;color:#e4e7eb;margin-left:3px}.stop-strip{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #303a48;border-radius:12px;background:#151a22;color:#a5b3ca}.stop-strip b{font-size:23px;color:var(--gold2)}.stop-strip small{margin-left:auto;color:#8995a8}.attention-button{width:100%;margin-top:17px;padding:16px;border:0;border-radius:13px;background:linear-gradient(120deg,#ffde73,#ffb317);color:#171106;font-size:21px;font-weight:900}
.stock-card{padding:17px;border-color:#303a49;border-radius:var(--radius);background:linear-gradient(145deg,#151b25,#10141c)}.stock-name{font-size:18px}.score-line b{color:var(--gold2)}.logic-gold{background:rgba(255,195,65,.13);color:#ffdb75}.status-wait{background:#453609;color:#ffe071}.count-pill{background:rgba(255,195,65,.12);color:var(--gold)}
.pool-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.pool-summary div{padding:14px 12px;border:1px solid #394252;border-radius:14px;background:linear-gradient(145deg,#151b25,#11151c)}.pool-summary small{display:block;color:#96a2b7;font-size:10px}.pool-summary b{display:block;margin-top:7px;color:var(--gold2);font-size:28px}.search-box{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:12px 14px;border:1px solid #3a4657;border-radius:14px;background:#121720;color:#9dabbe;font-size:22px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:white;font:14px "Microsoft YaHei"}.simple-row{gap:12px;padding:14px 2px;border:0;border-bottom:1px solid #28313e;background:transparent;border-radius:0}.rank{display:grid;place-items:center;width:27px;height:34px;border-radius:7px;background:linear-gradient(135deg,#5b4720,#282116);color:var(--gold2);font-size:17px}.pool-stock{flex:1;min-width:0}.pool-stock b{display:block;font-size:16px}.pool-stock small{margin-left:5px;color:#92a0b7;font-size:11px;font-weight:500}.gene-pill{display:inline-block;margin-top:7px;padding:3px 7px;border:1px solid #a27612;border-radius:6px;color:#ffdb75;font-size:10px}.pool-price{text-align:right}.pool-price b{display:block;color:#ff626c;font-size:17px}.pool-price small{display:block;margin-top:3px;color:#ff626c;font-size:11px}.simple-row:nth-child(3n) .pool-price b,.simple-row:nth-child(3n) .pool-price small{color:var(--green)}.chevron{color:var(--gold);font-size:31px;line-height:1}
.rotation-tip{border-color:rgba(255,195,65,.28);background:rgba(255,195,65,.08)}.rotation-tip span{color:var(--gold)}
@media (min-width:700px){body:before,body:after{content:"";position:fixed;z-index:-1;top:0;bottom:0;width:calc((100vw - 560px)/2);background:linear-gradient(90deg,#05070b,#0a0d12)}body:before{left:0}body:after{right:0;transform:scaleX(-1)}}@media (max-width:380px){.app-shell{padding:16px 12px 104px}.lead-card{padding:20px}.lead-name{font-size:23px}.lead-scores b{font-size:26px}.pool-summary div{padding:12px 9px}.pool-summary b{font-size:24px}.metrics{grid-template-columns:repeat(2,1fr)}}
