*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f4f3f7;color:#555;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.app-shell{max-width:520px;min-height:100vh;margin:0 auto;background:#faf9fc;position:relative;padding-bottom:72px;box-shadow:0 0 28px rgba(55,35,75,.08)}.page-pad{padding:12px}.topbar{height:48px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.topbar .back{position:absolute;left:14px;font-size:24px;color:#666}.topbar h1{font-size:17px;font-weight:600;margin:0;color:#555}.topbar .right{position:absolute;right:14px;color:#b45578}.flash{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:1000;max-width:420px;width:calc(100% - 32px);padding:11px 14px;border-radius:8px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.15);transition:.35s}.flash-success{background:#e8f8ed;color:#238247}.flash-error{background:#fff0f1;color:#b63c49}.flash-info{background:#eff4ff;color:#4766a5}.flash.fade{opacity:0;top:4px;pointer-events:none}
.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;height:62px;background:rgba(255,255,255,.97);border-top:1px solid #eee;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b7b2bd;font-size:11px;gap:2px}.bottom-nav a span{font-size:22px;line-height:22px;font-weight:300}.bottom-nav a em{font-style:normal}.bottom-nav a.active{color:#c55b80}
.home-hero{background:linear-gradient(180deg,#d44767 0,#cf3f61 78%,#f7f6f8 78%);padding:12px 12px 0}.hero-screen{height:82px;border-radius:0 0 18px 18px;background:linear-gradient(#ece7ed,#222 18%,#333 72%,#a7a2aa 88%,#eee);border:6px solid #e9e5ea;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);display:flex;align-items:flex-end;justify-content:center;color:#e8e8e8;padding-bottom:17px;font-size:15px;letter-spacing:.5px}.draw-card{background:#fff;border-radius:18px;margin:10px 0 12px;padding:16px 12px 14px;box-shadow:0 3px 10px rgba(80,50,75,.07)}.draw-title{text-align:center;color:#777;font-size:15px;margin-bottom:10px}.draw-title b{color:#d15f83;font-size:18px}.number-row{display:flex;align-items:flex-start;justify-content:center;gap:6px;flex-wrap:nowrap}.number-item{text-align:center;min-width:32px}.ball{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f8fbf8;border:1px solid #dfe9df;font-size:16px}.ball.green{color:#7cb88b}.ball.blue{color:#728fc6}.ball.red{color:#d76b78}.zodiac{display:block;margin-top:5px;color:#777;font-size:13px}.plus{padding-top:5px;color:#97909b;font-size:21px}.next-draw{text-align:center;font-size:12px;color:#9a959d;margin-top:9px}.draw-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px;border-top:1px solid #f0edf2;padding-top:11px}.draw-actions a{text-align:center;font-size:12px;color:#777}.draw-actions .ico{display:block;font-size:23px;margin-bottom:4px}.notice{background:#fff6f7;color:#c87587;border-top:1px solid #f4e3e6;border-bottom:1px solid #f4e3e6;padding:8px 13px;font-size:12px;white-space:nowrap;overflow:hidden}.tool-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff}.tool-item{min-height:70px;padding:12px;border-right:1px solid #f0edf1;border-bottom:1px solid #f0edf1;display:flex;align-items:center;gap:10px}.tool-item:nth-child(2n){border-right:0}.tool-icon{width:36px;font-size:27px;text-align:center}.tool-item strong{font-size:15px;font-weight:500;color:#666;display:block;margin-bottom:2px}.tool-item small{display:block;color:#aaa;font-size:11px}.section-card{background:#fff;margin-top:10px}.section-head{padding:12px 14px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.section-head strong{color:#666;font-size:15px}.section-head a{color:#c55b80;font-size:12px}
.forum-banner{background:linear-gradient(150deg,#2d253c,#3c314e);color:#fff;padding:13px 14px}.forum-profile{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#eee;border:2px solid rgba(255,255,255,.7)}.avatar-lg{width:76px;height:76px}.forum-profile .meta{flex:1}.forum-profile h2{margin:0 0 3px;font-size:15px;font-weight:500}.forum-profile p{margin:0;font-size:11px;color:#b9b2c4}.forum-profile .post-btn{background:#fff;color:#765e87;border-radius:16px;padding:6px 11px;font-size:12px}.forum-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:11px;background:rgba(255,255,255,.08);border-radius:6px}.forum-stats div{text-align:center;padding:8px 3px;font-size:11px;color:#c5becd}.forum-stats b{display:block;color:#fff;font-size:16px;font-weight:500}.category-tabs{display:flex;background:#fff;position:sticky;top:0;z-index:8;border-bottom:1px solid #eee}.category-tabs a{flex:1;text-align:center;padding:12px 4px;color:#8d8790;font-size:15px;border-bottom:2px solid transparent}.category-tabs a.active{color:#b9587b;border-bottom-color:#c45d80}.forum-tools{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid #eee}.forum-tools div{text-align:center;padding:9px 3px;color:#aaa;font-size:12px}.post-card{background:#fff;padding:12px 13px;border-bottom:1px solid #efedf0}.post-user{display:flex;align-items:center;gap:8px}.post-user .avatar{width:34px;height:34px;border-width:0}.post-user strong{font-size:14px;color:#705764}.badge{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;background:#f5ddd9;color:#c16d65;margin-left:3px}.badge.green{background:#e6f1e5;color:#65936c}.post-user time{display:block;color:#b4adb6;font-size:10px;margin-top:2px}.post-title{margin:8px 0 5px;font-size:16px;color:#575159;font-weight:500}.post-content{color:#777;line-height:1.7;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.post-image{margin-top:8px;width:100%;max-height:190px;object-fit:cover;border-radius:5px;background:#eee}.post-footer{display:flex;justify-content:space-around;padding-top:10px;margin-top:7px;border-top:1px solid #f4f1f4;color:#aaa;font-size:11px}.post-detail{background:#fff;padding:15px}.post-detail .post-content{display:block;font-size:15px;line-height:1.85;color:#5f5961}.post-detail .post-image{max-height:none}.comments{margin-top:10px;background:#fff}.comment{padding:12px;border-bottom:1px solid #eee}.comment-top{display:flex;justify-content:space-between;color:#998f9b;font-size:12px}.comment p{margin:7px 0 0;color:#676168;line-height:1.65}.empty{padding:45px 15px;text-align:center;color:#aaa;background:#fff}.permission-tip{margin:10px 12px;background:#fff6ea;border:1px solid #f1d7ad;color:#9a6a2d;padding:11px;border-radius:7px;font-size:12px}
.leader-top-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-bottom:1px solid #eee}.leader-top-tabs a{text-align:center;padding:12px 1px;font-size:13px;color:#756f78;border-bottom:2px solid transparent}.leader-top-tabs a.active{color:#c35a7e;border-color:#c35a7e}.leader-sort{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:10px 5px;border-bottom:1px solid #eee}.leader-sort a{text-align:center;color:#92909a;font-size:12px}.leader-sort a.active{color:#b8597a}.leader-subtabs{display:flex;background:#fff;padding:8px 12px;gap:24px;color:#ae7589;border-bottom:1px solid #eee}.expert-list{background:#fff}.expert-card{padding:11px 12px;border-bottom:1px solid #ece9ed}.expert-head{display:flex;align-items:center}.expert-head .avatar{width:42px;height:42px;border-width:0;margin-right:10px}.expert-main{min-width:0;flex:1}.expert-name{font-weight:600;color:#4e4851;font-size:16px}.expert-date{font-size:10px;color:#aaa;margin-left:6px;font-weight:400}.streak{float:right;padding:2px 5px;border-radius:3px;background:#f7e4e8;color:#c36278;font-size:10px}.expert-record{font-size:12px;color:#777;margin-top:4px}.expert-pick{font-size:14px;color:#725d69;margin-top:3px}.accuracy-line{display:flex;align-items:center;gap:8px;margin-top:7px}.accuracy-line span{font-size:11px;color:#9d919d;white-space:nowrap}.progress{height:10px;border:1px solid #d8b7c4;border-radius:2px;flex:1;overflow:hidden;background:#fff}.progress i{display:block;height:100%;background:#c45f82}.expert-actions{display:flex;justify-content:space-around;margin-top:8px;padding-top:7px;border-top:1px solid #f1eff2;color:#aaa;font-size:11px}.expert-detail-hero{background:linear-gradient(155deg,#31244d,#472e73);color:#fff;padding:18px 14px 12px}.expert-detail-head{display:flex;align-items:center}.expert-detail-head .avatar{width:58px;height:58px;margin-right:12px}.expert-detail-head h2{margin:0 0 4px;font-size:17px}.expert-detail-head p{margin:0;color:#c6b9d8;font-size:11px}.hero-numbers{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;background:rgba(255,255,255,.08)}.hero-numbers div{text-align:center;padding:8px 2px;font-size:10px;color:#c8bdd5}.hero-numbers b{display:block;color:#fff;font-size:16px;font-weight:500}
.account-hero{background:linear-gradient(155deg,#352553,#47316f);color:#fff;padding:18px 12px 0;min-height:168px;position:relative}.account-user{text-align:center}.account-user .avatar{display:block;margin:0 auto 7px;width:72px;height:72px;border:4px solid #eee}.account-user h2{font-weight:400;font-size:16px;margin:0}.account-user small{color:#cabfd7}.account-stats{margin:13px -12px 0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;color:#777;border-bottom:1px solid #eee}.account-stats div{text-align:center;padding:9px 2px}.account-stats b{display:block;color:#6a616d;font-size:16px;font-weight:400}.account-stats span{font-size:11px}.balance-row{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-bottom:1px solid #eee}.balance-row a{text-align:center;padding:11px;border-right:1px solid #eee;color:#777}.account-menu{margin-top:9px;background:#fff}.account-menu a,.account-menu .row{display:flex;align-items:center;padding:13px;border-bottom:1px solid #eee;color:#68616a}.account-menu .menu-ico{width:28px;font-size:20px}.account-menu .arrow{margin-left:auto;color:#aaa;font-size:19px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff}.mini-grid a{padding:12px;border-right:1px solid #eee;border-bottom:1px solid #eee;color:#777}.logout{display:block;background:#fff;text-align:center;color:#c3607e;padding:13px;margin-top:10px}.login-prompt{padding:34px 20px;text-align:center}.login-prompt .avatar{width:78px;height:78px;margin-bottom:12px}.login-prompt h2{color:#665b69;font-size:18px}.login-prompt p{color:#aaa;line-height:1.7}.btn{display:inline-block;border:0;border-radius:5px;background:#c75d80;color:#fff;padding:10px 18px;cursor:pointer}.btn-block{display:block;width:100%;text-align:center}.btn-outline{background:#fff;color:#c35c7e;border:1px solid #c35c7e}.btn-sm{padding:6px 10px;font-size:12px}.form-card{background:#fff;margin:12px;padding:15px;border-radius:6px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;color:#6f6871}.form-control{width:100%;border:1px solid #ddd;border-radius:5px;padding:10px 11px;outline:0;background:#fff;color:#555}.form-control:focus{border-color:#c76d8a;box-shadow:0 0 0 2px rgba(199,109,138,.08)}textarea.form-control{min-height:130px;resize:vertical}.form-help{font-size:11px;color:#aaa;margin-top:5px}.form-error{background:#fff0f1;color:#b34e5d;padding:9px 10px;border-radius:5px;margin-bottom:12px}.auth-links{text-align:center;margin-top:13px;color:#999}.auth-links a{color:#b55778}.info-box{background:#f8f5fa;border:1px solid #ece4f0;border-radius:6px;padding:11px;color:#777;line-height:1.7;font-size:12px}.profile-table{background:#fff}.profile-table .row{display:flex;padding:13px;border-bottom:1px solid #eee}.profile-table .row span{width:90px;color:#999}.profile-table .row b{font-weight:400;color:#666}
@media(min-width:600px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:16px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 16px 16px}.category-tabs{top:0}}