:root{--ink: #1a2332;--ink-light: #2a3548;--cinnabar: #c8392e;--cinnabar-light: #e05a4e;--gold: #d4a84b;--gold-light: #e8c97a;--paper: #f5f0e6;--paper-dark: #e8dfcE;--text-dark: #2c1810;--text-muted: #7a6555;--jade: #5a8a6a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#fff;color:#2c3e50;min-height:100vh;overflow-x:hidden;position:relative}.starfield,.compass-bg{display:none}.container{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:20px 16px 80px}header{text-align:center;margin-bottom:48px}.brand-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px}.brand-mark svg{width:36px;height:36px}.brand-name{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:900;letter-spacing:8px;color:#8a6d2a}.brand-sub{font-size:13px;color:var(--text-muted);letter-spacing:4px;color:#555}.divider{width:120px;height:1px;background:linear-gradient(90deg,transparent,#8a6d2a,transparent);margin:20px auto 0}.card{background:linear-gradient(145deg,#2a3548e6,#1a2332f2);border:1px solid rgba(212,168,75,.2);border-radius:4px;padding:36px 32px;backdrop-filter:blur(10px);box-shadow:0 20px 60px #0006}.form-group{margin-bottom:24px}.form-label{display:block;font-family:"Noto Serif SC",serif;font-size:14px;font-weight:600;color:#8a6d2a;margin-bottom:10px;letter-spacing:2px}.form-label .label-num{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border:1px solid #8a6d2a;border-radius:50%;font-size:11px;margin-right:8px;color:#8a6d2a}.form-input{width:100%;padding:14px 16px;background:#1a233299;border:1px solid rgba(212,168,75,.25);border-radius:2px;color:#2c3e50;font-size:15px;font-family:Noto Sans SC,sans-serif;transition:border-color .3s,box-shadow .3s;outline:none}.form-input:focus{border-color:#8a6d2a;box-shadow:0 0 0 3px #d4a84b1a}.form-input::placeholder{color:#666}.date-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.date-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4a84b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.date-row select option{background:var(--ink);color:#2c3e50}.btn-divine{width:100%;padding:16px;margin-top:8px;background:linear-gradient(135deg,var(--cinnabar),#a02820);border:none;border-radius:2px;color:#2c3e50;font-family:"Noto Serif SC",serif;font-size:17px;font-weight:700;letter-spacing:6px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,box-shadow .3s}.btn-divine:hover{transform:translateY(-1px);box-shadow:0 8px 24px #c8392e66}.btn-divine:active{transform:translateY(0)}.btn-divine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.btn-divine:hover:before{left:100%}.result-section{margin-top:32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(212,168,75,.15)}.result-name{font-family:"Noto Serif SC",serif;font-size:26px;font-weight:900;color:#8a6d2a;margin-bottom:6px}.result-meta{font-size:13px;color:#555;letter-spacing:1px}.identity-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.identity-tag{text-align:center;padding:16px 8px;background:#d4a84b0f;border:1px solid rgba(212,168,75,.15);border-radius:2px}.identity-tag .tag-label{font-size:11px;color:#707070;letter-spacing:2px;margin-bottom:6px}.identity-tag .tag-value{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:700;color:#8a6d2a}.identity-tag .tag-sub{font-size:11px;color:#707070;margin-top:4px}.overall-score{text-align:center;margin-bottom:28px;padding:24px;background:#c8392e14;border:1px solid rgba(200,57,46,.2);border-radius:2px;position:relative}.overall-score .score-label{font-size:12px;color:var(--cinnabar);letter-spacing:4px;margin-bottom:8px}.overall-score .score-num{font-family:"Noto Serif SC",serif;font-size:56px;font-weight:900;color:var(--cinnabar);line-height:1}.overall-score .score-num span{font-size:20px;color:#707070}.overall-score .score-level{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:700;color:#8a6d2a;margin-top:8px}.overall-score .score-desc{font-size:13px;color:#666;margin-top:8px;line-height:1.7}.fortune-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.fortune-item{padding:16px;background:#1a233280;border:1px solid rgba(212,168,75,.12);border-radius:2px}.fortune-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fortune-item-name{font-family:"Noto Serif SC",serif;font-size:14px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.fortune-item-name svg{width:16px;height:16px}.fortune-item-score{font-size:13px;font-weight:700;color:#8a6d2a}.fortune-bar{height:4px;background:#ccc;border-radius:2px;overflow:hidden;margin-bottom:8px}.fortune-bar-fill{height:100%;border-radius:2px;transition:width 1s ease-out;width:0}.fortune-item-text{font-size:12px;color:#555;line-height:1.6}.lucky-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.lucky-card{padding:16px;text-align:center;background:#d4a84b0d;border:1px solid rgba(212,168,75,.15);border-radius:2px}.lucky-card .lucky-label{font-size:11px;color:#707070;letter-spacing:2px;margin-bottom:8px}.lucky-card .lucky-value{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:700}.lucky-color-dot{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid #bbb;vertical-align:middle;margin-right:8px}.wisdom-box{padding:20px 24px;background:#5a8a6a14;border-left:3px solid var(--jade);border-radius:0 2px 2px 0;margin-bottom:24px}.wisdom-box .wisdom-label{font-size:11px;color:var(--jade);letter-spacing:3px;margin-bottom:8px}.wisdom-box .wisdom-text{font-family:"Noto Serif SC",serif;font-size:15px;color:#444;line-height:1.9;font-style:italic}.btn-reset{display:block;width:100%;padding:14px;background:transparent;border:1px solid rgba(212,168,75,.3);border-radius:2px;color:#8a6d2a;font-family:"Noto Serif SC",serif;font-size:14px;letter-spacing:4px;cursor:pointer;transition:all .3s}.btn-reset:hover{background:#d4a84b14;border-color:#8a6d2a}footer{text-align:center;margin-top:40px;font-size:11px;color:#555;letter-spacing:1px;line-height:1.8}.loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a2332e6;z-index:100;justify-content:center;align-items:center;flex-direction:column;gap:20px}.loading-overlay.show{display:flex}.loading-compass{width:60px;height:60px;animation:rotate 2s linear infinite}.loading-text{font-family:"Noto Serif SC",serif;font-size:14px;color:#8a6d2a;letter-spacing:4px}.tab-nav{display:flex;justify-content:center;gap:0;margin-bottom:32px;border-bottom:1px solid rgba(212,168,75,.15)}.tab-btn{padding:12px 28px;background:transparent;border:none;border-bottom:2px solid transparent;color:#707070;font-family:"Noto Serif SC",serif;font-size:15px;font-weight:600;letter-spacing:3px;cursor:pointer;transition:all .3s;position:relative;top:1px}.tab-btn:hover{color:#555}.tab-btn.active{color:#8a6d2a;border-bottom-color:#8a6d2a}.tab-view{display:none}.tab-view.active{display:block}.spread-select{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.spread-option{padding:20px 16px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px;cursor:pointer;transition:all .3s;text-align:center}.spread-option:hover{border-color:#8a6d2a;background:#d4a84b0f}.spread-option.selected{border-color:var(--cinnabar);background:#c8392e14}.spread-option .spread-name{font-family:"Noto Serif SC",serif;font-size:16px;font-weight:700;color:#8a6d2a;margin-bottom:4px}.spread-option.selected .spread-name{color:var(--cinnabar)}.spread-option .spread-desc{font-size:12px;color:#707070}.tarot-reading-area{margin-top:24px;min-height:200px}.tarot-instruction{text-align:center;font-size:14px;color:#555;margin-bottom:20px;letter-spacing:1px}.tarot-deck{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.tarot-card-back{width:60px;height:96px;background:linear-gradient(145deg,#2a1a3a,#1a1028);border:1px solid #8a6d2a;border-radius:4px;cursor:pointer;transition:all .3s;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tarot-card-back:before{content:"";position:absolute;inset:4px;border:1px solid rgba(212,168,75,.3);border-radius:2px}.tarot-card-back:after{content:"✦";color:#8a6d2a;font-size:18px;opacity:.6}.tarot-card-back:hover{transform:translateY(-8px);box-shadow:0 8px 20px #d4a84b33}.tarot-card-back.picked{opacity:.3;pointer-events:none;transform:scale(.9)}.tarot-result-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.tarot-drawn{text-align:center;width:140px}.tarot-drawn .card-position{font-size:11px;color:#8a6d2a;letter-spacing:2px;margin-bottom:8px}.tarot-card-face{width:120px;height:192px;margin:0 auto;background:linear-gradient(145deg,#f5f0e6,#e8dfce);border:2px solid #8a6d2a;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;position:relative;box-shadow:0 4px 16px #0000004d;animation:flipIn .6s ease-out}.tarot-card-face.reversed{transform:rotate(180deg)}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.tarot-card-face.reversed{animation:flipInReversed .6s ease-out}@keyframes flipInReversed{0%{transform:rotateY(90deg) rotate(180deg);opacity:0}to{transform:rotateY(0) rotate(180deg);opacity:1}}.tarot-card-num{font-family:"Noto Serif SC",serif;font-size:11px;color:var(--cinnabar);font-weight:700;margin-bottom:4px}.tarot-card-symbol{font-size:36px;margin:8px 0;line-height:1}.tarot-card-name{font-family:"Noto Serif SC",serif;font-size:13px;font-weight:700;color:var(--text-dark);text-align:center;line-height:1.3}.tarot-card-orientation{font-size:10px;margin-top:6px;padding:2px 8px;border-radius:2px}.tarot-card-orientation.up{background:#5a8a6a33;color:var(--jade)}.tarot-card-orientation.down{background:#c8392e26;color:var(--cinnabar)}.tarot-card-reading{margin-top:12px;text-align:left;padding:12px;background:#faf7f0;border:1px solid rgba(138,109,42,.2);border-radius:6px}.tarot-card-reading .reading-title{font-family:"Noto Serif SC",serif;font-size:13px;font-weight:700;color:#8a6d2a;margin-bottom:6px}.tarot-card-reading .reading-keywords{font-size:11px;color:var(--cinnabar);margin-bottom:6px}.tarot-card-reading .reading-text{font-size:12px;color:#666;line-height:1.7}.tarot-summary{padding:20px;background:#c8392e0f;border:1px solid rgba(200,57,46,.15);border-radius:2px;margin-top:20px}.tarot-summary .summary-label{font-size:11px;color:var(--cinnabar);letter-spacing:3px;margin-bottom:8px}.tarot-summary .summary-text{font-family:"Noto Serif SC",serif;font-size:14px;color:#444;line-height:1.9}.tarot-stage{position:relative;margin:20px 0 4px;padding:36px 16px 30px;background:linear-gradient(180deg,#2d1b5e,#3b2378,#4a2d8f 70%,#2a1855);border-radius:16px;overflow:hidden;min-height:420px}.tarot-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 18%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 40% 8%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 65% 22%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 80% 12%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 30% 35%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 88% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 12% 45%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 55% 5%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 72% 42%,rgba(255,255,255,.5),transparent);animation:starTwinkle 3s ease-in-out infinite alternate;pointer-events:none}@keyframes starTwinkle{0%{opacity:.5}to{opacity:1}}.tarot-stage:after{content:"";position:absolute;top:12%;left:-10%;width:90px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));transform:rotate(18deg);animation:meteor 6s linear infinite;pointer-events:none}@keyframes meteor{0%{left:-10%;opacity:0}8%{opacity:1}20%{left:110%;opacity:0}to{left:110%;opacity:0}}.tarot-stage-title{position:relative;text-align:center;color:#f0e6ff;font-family:"Noto Serif SC",serif;font-size:17px;font-weight:700;letter-spacing:2px;margin-bottom:4px;text-shadow:0 2px 12px rgba(156,105,226,.6)}.tarot-stage-sub{position:relative;text-align:center;color:#e0d6f5bf;font-size:12px;margin-bottom:10px;letter-spacing:1px}.tarot-fan{position:relative;height:215px;margin-top:24px;z-index:2}.fan-card{position:absolute;bottom:8px;left:50%;width:50px;height:82px;margin-left:-25px;border-radius:5px;cursor:pointer;transform-origin:50% 250%;background:linear-gradient(145deg,#4a2c8a,#2a1855);border:1px solid rgba(180,140,255,.5);box-shadow:0 2px 8px #0006;transition:transform .2s ease,bottom .2s ease,opacity .3s;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fan-card:before{content:"";position:absolute;inset:3px;border:1px solid rgba(200,170,255,.25);border-radius:3px}.fan-card:after{content:"✦";color:#c8aaffd9;font-size:16px}.fan-card:hover{bottom:20px}.fan-card.picked{opacity:.22;pointer-events:none}.fan-card.picked:after{content:"✓";color:#c8a8ff}.tarot-stage-progress{position:relative;text-align:center;color:#e0d6f5;font-size:15px;font-weight:600;letter-spacing:2px;margin-top:6px;z-index:2}.tarot-stage-progress .total{opacity:.55;font-size:13px}.tarot-reveal-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:24px 0 8px}.tarot-reveal-item{text-align:center;width:30%;min-width:96px;max-width:150px}.reveal-position{position:relative;display:inline-block;color:#8a6d2a;font-size:12px;letter-spacing:2px;margin-bottom:10px;padding:0 14px}.reveal-position:before,.reveal-position:after{content:"◇";position:absolute;top:50%;transform:translateY(-50%);font-size:8px;color:#b8943f}.reveal-position:before{left:0}.reveal-position:after{right:0}.reveal-card-3d{perspective:900px}.reveal-card-inner{position:relative;width:100%;padding-bottom:158%;transform-style:preserve-3d;animation:flipReveal .9s ease-out forwards}@keyframes flipReveal{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.reveal-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px}.reveal-face.front{background:linear-gradient(160deg,#fbf6e8,#efe3c8);border:2px solid #b8943f;box-shadow:0 6px 20px #8a6d2a40}.reveal-face.front.reversed{background:linear-gradient(160deg,#f3eefb,#e6dbf5);border-color:#9c69e2}.reveal-num{font-family:"Noto Serif SC",serif;font-size:13px;color:#b8943f;font-weight:700;margin-bottom:2px}.reveal-symbol{font-size:30px;color:#8a6d2a;margin:6px 0;text-shadow:0 1px 4px rgba(138,109,42,.2)}.reveal-name{font-family:"Noto Serif SC",serif;font-size:15px;font-weight:700;color:#5a4520;letter-spacing:2px}.reveal-orient{margin-top:6px;font-size:10px;padding:2px 10px;border-radius:10px;letter-spacing:1px}.reveal-orient.up{background:#8a6d2a26;color:#8a6d2a}.reveal-orient.down{background:#783ca026;color:#7b4fa0}.reveal-reading{margin-top:12px;text-align:left;background:#faf7f0;border:1px solid rgba(138,109,42,.2);border-radius:8px;padding:12px}.reveal-reading .r-title{font-family:"Noto Serif SC",serif;font-size:13px;font-weight:700;color:#8a6d2a;margin-bottom:5px}.reveal-reading .r-keywords{font-size:11px;color:#c8392e;margin-bottom:6px}.reveal-reading .r-text{font-size:12px;color:#555;line-height:1.75}.tarot-answer-card{margin-top:24px;background:linear-gradient(180deg,#faf8ff,#f3edff);border:1px solid rgba(156,105,226,.25);border-radius:16px;padding:24px 18px 20px;position:relative}.tarot-answer-heading{text-align:center;margin-bottom:16px}.tarot-answer-heading .zh{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,#6b3fa0,#9c69e2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.tarot-answer-heading .en{font-size:10px;color:#a890c8;letter-spacing:6px;margin-top:2px}.tarot-answer-heading .deco{color:#c8a8ff;font-size:14px;margin:0 8px}.tarot-answer-text{font-family:"Noto Serif SC",serif;font-size:14px;color:#444;line-height:2}.tarot-answer-btns{display:flex;gap:12px;margin-top:22px}.tarot-btn-ghost{flex:1;padding:13px;border:1.5px solid #9c69e2;background:transparent;color:#7b4fa0;border-radius:25px;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer;font-family:"Noto Serif SC",serif}.tarot-btn-primary{flex:1.3;padding:13px;border:none;background:linear-gradient(135deg,#7b4fd0,#9c69e2);color:#fff;border-radius:25px;font-size:15px;font-weight:600;letter-spacing:2px;cursor:pointer;box-shadow:0 6px 16px #7b4fd059;font-family:"Noto Serif SC",serif}.mbti-progress{margin-bottom:24px}.mbti-progress-bar{height:4px;background:#ccc;border-radius:2px;overflow:hidden;margin-bottom:8px}.mbti-progress-fill{height:100%;background:linear-gradient(90deg,#8a6d2a,var(--cinnabar));border-radius:2px;transition:width .4s ease;width:0}.mbti-progress-text{font-size:12px;color:#707070;text-align:right;letter-spacing:1px}.mbti-question{margin-bottom:28px;animation:fadeUp .4s ease-out}.mbti-question-num{font-family:"Noto Serif SC",serif;font-size:12px;color:#8a6d2a;letter-spacing:2px;margin-bottom:10px}.mbti-question-text{font-family:"Noto Serif SC",serif;font-size:17px;font-weight:600;color:#2c3e50;line-height:1.7;margin-bottom:18px}.mbti-options{display:flex;flex-direction:column;gap:10px}.mbti-option{padding:16px 20px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:12px}.mbti-option:hover{border-color:#8a6d2a;background:#d4a84b0f;transform:translate(4px)}.mbti-option.selected{border-color:var(--cinnabar);background:#c8392e14}.mbti-option-letter{width:28px;height:28px;line-height:28px;text-align:center;border:1px solid rgba(212,168,75,.3);border-radius:50%;font-family:"Noto Serif SC",serif;font-size:13px;font-weight:700;color:#8a6d2a;flex-shrink:0}.mbti-option.selected .mbti-option-letter{border-color:var(--cinnabar);color:var(--cinnabar);background:#c8392e1a}.mbti-option-text{font-size:14px;color:#444;line-height:1.5}.mbti-nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.mbti-nav-btn{flex:1;padding:14px;background:transparent;border:1px solid rgba(212,168,75,.3);border-radius:24px;color:#8a6d2a;font-family:"Noto Serif SC",serif;font-size:14px;letter-spacing:3px;cursor:pointer;transition:all .3s}.mbti-nav-btn:disabled{opacity:.35;cursor:not-allowed}.mbti-nav-btn:hover:not(:disabled){background:#d4a84b14}.mbti-nav-btn:disabled{opacity:.3;cursor:not-allowed}.mbti-nav-btn.primary{background:linear-gradient(135deg,var(--cinnabar),#a02820);border-color:transparent;color:#2c3e50}.mbti-nav-btn.primary:hover:not(:disabled){box-shadow:0 4px 16px #c8392e4d}.mbti-result-type{text-align:center;margin-bottom:24px;padding:28px 20px;background:linear-gradient(145deg,#c8392e1a,#d4a84b0f);border:1px solid rgba(212,168,75,.2);border-radius:2px}.mbti-type-code{font-family:"Noto Serif SC",serif;font-size:52px;font-weight:900;letter-spacing:8px;background:linear-gradient(135deg,#8a6d2a,var(--cinnabar-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.mbti-type-name{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:700;color:#2c3e50;margin-top:8px}.mbti-type-nick{font-size:13px;color:#8a6d2a;margin-top:4px;letter-spacing:2px}.mbti-dimension-bars{margin-bottom:24px}.mbti-dimension{margin-bottom:16px}.mbti-dimension-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.mbti-dimension-label span:first-child{color:#8a6d2a}.mbti-dimension-label span:last-child{color:#555}.mbti-dimension-track{height:6px;background:#f5f0e614;border-radius:3px;display:flex;overflow:hidden}.mbti-dim-left{background:#8a6d2a;height:100%;transition:width .8s ease}.mbti-dim-right{background:#f5f0e626;height:100%;transition:width .8s ease}.mbti-detail-section{margin-bottom:20px;padding:18px 20px;background:#1a233280;border:1px solid rgba(212,168,75,.12);border-radius:2px}.mbti-detail-title{font-family:"Noto Serif SC",serif;font-size:14px;font-weight:700;color:#8a6d2a;margin-bottom:10px;display:flex;align-items:center;gap:8px}.mbti-detail-title svg{width:16px;height:16px}.mbti-detail-text{font-size:13px;color:#f5f0e6a6;line-height:1.9}.mbti-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mbti-tag{padding:4px 12px;background:#d4a84b1a;border:1px solid rgba(212,168,75,.2);border-radius:20px;font-size:12px;color:#8a6d2a}.mbti-mode-select{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.mbti-mode-card{padding:16px 10px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px;cursor:pointer;text-align:center;transition:all .25s}.mbti-mode-card:hover{border-color:#8a6d2a;background:#d4a84b0f}.mbti-mode-card.active{border-color:#2c3e50;background:#eef2f7}.mbti-mode-num{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:700;color:#8a6d2a}.mbti-mode-card.active .mbti-mode-num{color:var(--cinnabar)}.mbti-mode-label{font-size:12px;color:#555;margin-top:4px}.mbti-mode-time{font-size:10px;color:#666;margin-top:2px}.iq-timer{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background:#1a233299;border:1px solid rgba(212,168,75,.15);border-radius:2px}.iq-timer-text{font-size:13px;color:#666}.iq-timer-num{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:700;color:#8a6d2a}.iq-timer-num.warning{color:var(--cinnabar)}.iq-question-type{display:inline-block;padding:3px 10px;background:#d4a84b1a;border:1px solid rgba(212,168,75,.2);border-radius:20px;font-size:11px;color:#8a6d2a;margin-bottom:12px;letter-spacing:1px}.iq-question-content{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:600;color:#2c3e50;line-height:1.8;margin-bottom:20px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.iq-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.iq-option{padding:16px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px;cursor:pointer;text-align:center;font-family:"Noto Serif SC",serif;font-size:16px;font-weight:600;color:#444;transition:all .2s}.iq-option:hover{border-color:#8a6d2a;background:#d4a84b0f}.iq-option.selected{border-color:var(--cinnabar);background:#c8392e1a;color:var(--cinnabar)}.iq-result-score{text-align:center;padding:32px 20px;background:linear-gradient(145deg,#c8392e1f,#d4a84b14);border:1px solid rgba(212,168,75,.2);border-radius:2px;margin-bottom:24px}.iq-score-num{font-family:"Noto Serif SC",serif;font-size:64px;font-weight:900;background:linear-gradient(135deg,#8a6d2a,var(--cinnabar-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.iq-score-label{font-size:14px;color:#555;margin-top:8px;letter-spacing:2px}.iq-score-level{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:700;color:#8a6d2a;margin-top:6px}.iq-score-percentile{font-size:12px;color:#707070;margin-top:8px}.iq-dim-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.iq-dim-card{padding:14px;background:#1a233280;border:1px solid rgba(212,168,75,.12);border-radius:2px;text-align:center}.iq-dim-name{font-size:12px;color:#555;margin-bottom:6px}.iq-dim-score{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:700;color:#8a6d2a}.iq-dim-bar{height:3px;background:#f5f0e614;border-radius:2px;margin-top:8px;overflow:hidden}.iq-dim-fill{height:100%;background:linear-gradient(90deg,#8a6d2a,var(--cinnabar));border-radius:2px;transition:width .8s ease}.career-dim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.career-dim-card{padding:16px 10px;background:#1a233299;border:1px solid rgba(212,168,75,.15);border-radius:2px;text-align:center}.career-dim-letter{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:900;color:#8a6d2a;line-height:1}.career-dim-name{font-size:12px;color:#666;margin-top:6px}.career-dim-score{font-size:11px;color:var(--cinnabar);margin-top:4px}.career-top-type{text-align:center;padding:24px 20px;background:linear-gradient(145deg,#c8392e1a,#d4a84b0f);border:1px solid rgba(212,168,75,.2);border-radius:2px;margin-bottom:20px}.career-top-code{font-family:"Noto Serif SC",serif;font-size:36px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#8a6d2a,var(--cinnabar-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.career-top-name{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:700;color:#2c3e50;margin-top:6px}.career-radar-note{font-size:12px;color:#707070;text-align:center;margin-bottom:16px}.bazi-input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.bazi-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.bazi-pillar{text-align:center;padding:16px 8px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px}.bazi-pillar-label{font-size:11px;color:#707070;margin-bottom:8px;letter-spacing:1px}.bazi-stem{font-family:"Noto Serif SC",serif;font-size:26px;font-weight:700;color:#8a6d2a;line-height:1.3}.bazi-branch{font-family:"Noto Serif SC",serif;font-size:26px;font-weight:700;color:var(--cinnabar);line-height:1.3}.bazi-wuxing{font-size:10px;color:#707070;margin-top:6px}.bazi-wuxing-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.bazi-wuxing-item{text-align:center;padding:10px 4px;background:#1a233280;border-radius:2px}.bazi-wuxing-name{font-size:14px;font-weight:700;margin-bottom:4px}.bazi-wuxing-count{font-size:12px;color:#666}.wx-wood{color:#5a8a6a}.wx-fire{color:#c8392e}.wx-earth{color:#b8860b}.wx-metal{color:#707070}.wx-water{color:#4a7ab5}@media (max-width: 480px){.container{padding:24px 16px 40px}.card{padding:24px 20px}.brand-name{font-size:22px;letter-spacing:5px}.identity-row,.fortune-grid,.lucky-row{grid-template-columns:1fr}.overall-score .score-num{font-size:44px}.date-row{gap:8px}.tab-btn{padding:10px 18px;font-size:14px;letter-spacing:2px}.spread-select{grid-template-columns:1fr}.tarot-card-back{width:48px;height:76px}.tarot-drawn{width:100%;max-width:280px}.tarot-card-face{width:140px;height:224px}.tarot-result-row{gap:16px}.mbti-type-code{font-size:38px;letter-spacing:5px}.mbti-question-text{font-size:15px}.mbti-option{padding:14px 16px}.mbti-option-text{font-size:13px}.mbti-mode-select{grid-template-columns:repeat(3,1fr)}.iq-options-grid{grid-template-columns:1fr}.iq-score-num{font-size:48px}.iq-dim-scores{grid-template-columns:1fr 1fr}.iq-question-content{font-size:15px}.career-dim-grid{grid-template-columns:repeat(3,1fr)}.career-top-code{font-size:28px;letter-spacing:3px}.bazi-pillars{grid-template-columns:repeat(3,1fr)}.bazi-input-row{grid-template-columns:1fr}.bazi-stem,.bazi-branch{font-size:22px}.innerchild-types-preview{grid-template-columns:repeat(3,1fr)}.animal-preview{gap:8px}.animal-symbol{width:40px;height:40px;font-size:18px}.abo-preview{grid-template-columns:1fr}}.innerchild-types-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.innerchild-type-chip{text-align:center;padding:10px 8px;background:#d4a84b14;border:1px solid rgba(212,168,75,.2);border-radius:2px;font-size:13px;color:#8a6d2a;letter-spacing:1px}.innerchild-result-type{text-align:center;margin-bottom:24px}.innerchild-type-name{font-family:"Noto Serif SC",serif;font-size:32px;font-weight:700;color:var(--cinnabar);letter-spacing:4px;margin-bottom:8px}.innerchild-type-subtitle{font-size:14px;color:#8a6d2a;letter-spacing:2px}.animal-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}.animal-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#d4a84b14;border:1px solid rgba(212,168,75,.2);border-radius:50%;font-family:"Noto Serif SC",serif;font-size:20px;color:#8a6d2a}.animal-result-header{text-align:center;margin-bottom:24px}.animal-result-icon{font-family:"Noto Serif SC",serif;font-size:56px;color:var(--cinnabar);margin-bottom:8px}.animal-result-name{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:700;color:#8a6d2a;letter-spacing:3px}.abo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.abo-type-card{text-align:center;padding:16px 8px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px}.abo-type-letter{font-family:"Noto Serif SC",serif;font-size:36px;font-weight:700;color:var(--cinnabar);margin-bottom:4px}.abo-type-name{font-size:14px;color:#8a6d2a;letter-spacing:1px;margin-bottom:4px}.abo-type-desc{font-size:11px;color:#555}.abo-result-header{text-align:center;margin-bottom:24px}.abo-result-letter{font-family:"Noto Serif SC",serif;font-size:64px;font-weight:700;color:var(--cinnabar);line-height:1}.abo-result-name{font-family:"Noto Serif SC",serif;font-size:24px;color:#8a6d2a;letter-spacing:3px;margin-top:8px}.abo-score-bar{margin-bottom:12px}.abo-score-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.abo-score-track{height:8px;background:#ccc;border-radius:4px;overflow:hidden}.abo-score-fill{height:100%;background:linear-gradient(90deg,var(--cinnabar),#8a6d2a);border-radius:4px;transition:width .6s ease}.mbti-gender-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.mbti-gender-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#1a233299;border:1px solid rgba(212,168,75,.2);border-radius:2px;cursor:pointer;transition:all .3s;font-size:13px;color:#666}.mbti-gender-btn:hover{border-color:#8a6d2a;color:#8a6d2a}.mbti-gender-btn.active{background:#d4a84b1f;border-color:#8a6d2a;color:#8a6d2a}.mbti-gender-icon{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:700}.jung-functions{margin:16px 0}.jung-function-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.jung-function-code{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.jung-function-code.dominant{background:#2c3e50;color:#fff}.jung-function-code.auxiliary{background:#5a7a9a;color:#fff}.jung-function-code.tertiary{background:#e8eef4;color:#5a7a9a;border:1px solid #d0dae4}.jung-function-code.inferior{background:#f5f5f5;color:#666;border:1px solid #e8e8e8}.jung-function-code.shadow{background:#fafafa;color:#707070;border:1px dashed #e0e0e0}.jung-function-info{flex:1;min-width:0}.jung-function-name{font-size:13px;color:#2c3e50;margin-bottom:2px;font-weight:500}.jung-function-role{font-size:11px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jung-function-score{width:36px;text-align:right;font-size:14px;font-weight:700;color:#2c3e50;flex-shrink:0}.jung-function-bar-wrap{width:60px;height:5px;background:#f0f0f0;border-radius:3px;overflow:hidden;flex-shrink:0}.jung-function-bar{height:100%;border-radius:3px;transition:width .6s ease}@media (max-width: 600px){.mbti-mode-select{grid-template-columns:repeat(3,1fr)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 10px #0000000a}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;cursor:pointer;color:#707070;transition:color .2s;font-size:11px}.bottom-nav-publish{display:flex;justify-content:center;align-items:center;position:relative;top:-18px}.bottom-nav-publish-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;font-size:30px;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #667eea80;transition:transform .2s}.bottom-nav-publish-btn:active{transform:scale(.9)}.bottom-nav-item.active{color:#2c3e50}.bottom-nav-icon{font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 auto 2px}.bottom-nav-icon svg{width:22px;height:22px}.bottom-nav-icon img{width:24px;height:24px;object-fit:contain}.main-content{padding-bottom:80px}.page-view{display:none}.page-view.active{display:block;animation:fadeUp .4s ease-out}.home-hero{text-align:center;padding:32px 20px 20px}.home-hero-title{font-size:26px;font-weight:700;color:#2c3e50;letter-spacing:2px;margin-bottom:6px}.home-hero-sub{font-size:13px;color:#666;letter-spacing:1px}.mbti-hero{text-align:center;padding:28px 20px 8px}.mbti-hero-title{font-size:24px;font-weight:800;color:#1a1a2e;letter-spacing:1px;margin-bottom:6px}.mbti-hero-count{font-size:12px;color:#8a8a9a;margin-bottom:20px}.mbti-hero-count-num{color:#4a90d9;font-weight:700}.mbti-hero-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2px;color:#8e44ad;background:#f3ecff;border:1px solid #e6d9ff;padding:3px 10px;border-radius:20px;margin-bottom:10px}.mbti-hero-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0 14px}.mbti-hero-chip{font-size:12px;font-weight:600;color:#6a5acd;background:#f5f3ff;border:1px solid #e4e0f5;padding:4px 12px;border-radius:16px}.mbti-hero-chars{display:flex;justify-content:center;gap:14px;margin-bottom:22px}.mbti-hero-chars img{width:62px;height:62px;border-radius:16px;object-fit:cover;background:linear-gradient(135deg,#f0f6ff,#e3edfb);padding:6px;box-shadow:0 2px 8px #4a90d91f}.mbti-hero-btns{display:flex;gap:12px;padding:0 24px;margin-bottom:4px}.mbti-hero-btn{flex:1;background:linear-gradient(135deg,#4a90d9,#3a7bd5);border-radius:12px;padding:14px 0;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #4a90d94d}.mbti-hero-btn:active{transform:scale(.96)}.mbti-hero-btn-pro{background:linear-gradient(135deg,#5b6ee8,#7b5bd6);box-shadow:0 4px 14px #7b5bd64d}.mbti-hero-btn-name{color:#fff;font-size:15px;font-weight:700}.mbti-hero-btn-go{color:#ffffffd9;font-size:11px;margin-top:3px}.other-test-list{padding:0 20px 20px}.other-test-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0f2f5;border-radius:14px;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:all .2s}.other-test-item:active{background:#f7f9fc;transform:scale(.98)}.other-test-icon{width:42px;height:42px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800;box-shadow:0 3px 10px #0000001f}.other-test-info{flex:1}.other-test-name{font-size:14px;font-weight:600;color:#333}.other-test-count{font-size:11px;color:#6b7280;margin-top:2px}.other-test-arrow{color:#8a8f98;font-size:16px}.home-section-title{font-size:14px;font-weight:600;color:#666;margin:20px 20px 10px;padding-left:10px;border-left:3px solid #2c3e50}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 4px}.test-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:0;cursor:pointer;transition:all .2s;text-align:center;overflow:hidden}.test-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.test-card-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin-bottom:0}.test-card-icon img{width:55%;height:55%;object-fit:contain}.test-card-name{font-size:14px;color:#333;margin:10px 0 2px;font-weight:600;padding:0 8px}.test-card-desc{font-size:11px;color:#666;padding:0 8px 12px}.category-tabs{display:flex;gap:8px;padding:12px 20px;overflow-x:auto}.category-tab{padding:6px 16px;background:#f5f5f5;border-radius:12px;font-size:13px;color:#707070;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab.active{background:#2c3e50;color:#fff}.category-content{padding:0 20px 20px}.community-post{background:#fafafa;border:1px solid #eee;border-radius:4px;padding:16px;margin-bottom:12px}.community-post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.community-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cinnabar),#8a6d2a);display:flex;align-items:center;justify-content:center;font-family:"Noto Serif SC",serif;font-size:16px;color:#fff}.community-user{font-size:13px;color:#8a6d2a}.community-time{font-size:11px;color:#666}.community-text{font-size:13px;color:#555;line-height:1.7}.community-tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.community-tag{font-size:11px;padding:2px 8px;background:#eef2f7;color:#5a7a9a;border-radius:2px}.profile-header{text-align:center;padding:28px 20px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--cinnabar),#8a6d2a);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-family:"Noto Serif SC",serif;font-size:28px;color:#fff}.profile-name{font-size:18px;color:#2c3e50;margin-bottom:4px}.profile-id{font-size:12px;color:#707070}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px}.profile-stat{text-align:center;padding:12px;background:#fafafa;border-radius:4px}.profile-stat-num{font-size:22px;font-weight:700;color:#8a6d2a}.profile-stat-label{font-size:11px;color:#707070;margin-top:2px}.record-card{background:#fafafa;border:1px solid #eee;border-radius:4px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all .3s}.record-card:hover{border-color:#8a6d2a}.record-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.record-type{font-size:14px;color:#8a6d2a}.record-result{font-size:16px;font-weight:700;color:var(--cinnabar)}.record-time{font-size:11px;color:#555}.login-form{max-width:320px;margin:0 auto;padding:20px}.login-tab{flex:1;text-align:center;padding:8px;font-size:14px;color:#767676;cursor:pointer;border-bottom:2px solid transparent}.login-tab.active{color:#4c5fd0;border-bottom-color:#4c5fd0;font-weight:600}.login-input{width:100%;padding:11px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;font-size:14px;margin-bottom:12px;outline:none;transition:border-color .3s}.login-input:focus{border-color:#8a6d2a}.login-input::placeholder{color:#707070}body.theme-tarot{--ink: #1a1025;--cinnabar: #9b59b6;--gold: #c9a0dc;--paper: #f0e6f5;--jade: #8e7cc3;--gold-light: #d4b5e8;--cinnabar-light: #b680c9;background:linear-gradient(135deg,#1a1025,#2d1b3d,#1a1025)}body.theme-tarot .test-card-icon{color:#9b59b6}body.theme-psych{--ink: #fafafa;--cinnabar: #ff5e7e;--gold: #333;--paper: #333;--jade: #22c55e;--gold-light: #555;--cinnabar-light: #ff8fab;background:#faf7fb}.theme-psych .card{border:1px solid rgba(255,94,126,.18);box-shadow:0 4px 16px #a855f71a}.theme-psych .mbti-nav-btn{border-color:#ff5e7e66;color:#d6336c}.theme-psych .mbti-nav-btn:not(:disabled):active{background:linear-gradient(135deg,#ff5e7e,#a855f7);color:#fff}.theme-psych .btn-reset{background:linear-gradient(135deg,#ff5e7e,#a855f7)!important}body.theme-psych .card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f}body.theme-psych .section-title,body.theme-psych .home-hero-title{color:#333}body.theme-psych .section-desc,body.theme-psych .home-hero-sub{color:#707070}body.theme-psych .test-card{background:#fff;border:1px solid #e8e8e8}body.theme-psych .test-card-name{color:#333}body.theme-psych .test-card-desc{color:#666}body.theme-psych .test-card-icon{color:#4a90d9}body.theme-psych .bottom-nav{background:#fff;border-top:1px solid #e0e0e0}body.theme-psych .bottom-nav-item{color:#666}body.theme-psych .bottom-nav-item.active{color:#4a90d9}body.theme-psych .home-section-title{color:#333}body.theme-psych .home-section-title:before{background:#4a90d9}body.theme-psych .mbti-question-text,body.theme-psych .mbti-question-num{color:#333}body.theme-psych .likert-label{color:#666}body.theme-psych .profile-name{color:#333}body.theme-psych .record-type{color:#4a90d9}body.theme-psych .record-result{color:#333}body.theme-psych .community-post{background:#fff;border:1px solid #e8e8e8}body.theme-psych .community-text{color:#555}body.theme-psych .login-input{background:#f5f5f5;border:1px solid #ddd;color:#333}body.theme-psych .login-input::placeholder{color:#555}body.theme-psych .category-tab{background:#fff;border:1px solid #ddd;color:#666}body.theme-psych .category-tab.active{background:#4a90d9;border-color:#4a90d9;color:#fff}body.theme-psych .profile-stat{background:#fff;border:1px solid #e8e8e8}body.theme-psych .profile-stat-num{color:#4a90d9}body.theme-psych .record-card{background:#fff;border:1px solid #e8e8e8}body.theme-psych .record-time{color:#555}@media (max-width: 600px){.test-grid{grid-template-columns:repeat(3,1fr)}}.mbti-scale-wrap{margin:32px 0 24px;padding:20px 0}.mbti-scale-circles{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.scale-circle{border-radius:50%;border:3px solid;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;background:#fff}.scale-circle[data-level="2"]{width:64px;height:64px;border-color:#34a853}.scale-circle[data-level="1"]{width:50px;height:50px;border-color:#34a853;opacity:.7}.scale-circle[data-level="0"]{width:38px;height:38px;border-color:#707070}.scale-circle[data-level="-1"]{width:50px;height:50px;border-color:#8e44ad;opacity:.7}.scale-circle[data-level="-2"]{width:64px;height:64px;border-color:#8e44ad}.scale-circle:hover{transform:scale(1.1)}.scale-circle.selected{background:currentColor}.scale-circle.selected[data-level="2"],.scale-circle.selected[data-level="1"]{background:#34a853;border-color:#34a853}.scale-circle.selected[data-level="0"]{background:#767676;border-color:#666}.scale-circle.selected[data-level="-1"],.scale-circle.selected[data-level="-2"]{background:#8e44ad;border-color:#8e44ad}.scale-labels{display:flex;justify-content:space-between;padding:0 8px}.scale-label-a{color:#34a853;font-size:18px;font-weight:700}.scale-label-b{color:#8e44ad;font-size:18px;font-weight:700}.stage-transition{text-align:center;padding:40px 20px}.stage-illustration{width:100%;max-width:320px;height:180px;margin:0 auto 24px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stage-illustration.stage1{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.stage-illustration.stage2{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.stage-illustration.stage3{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.stage-icon{font-size:64px;font-weight:700;color:#00000026}.stage-title{font-size:18px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.6}.stage-desc{font-size:14px;color:#666;line-height:1.8;margin-bottom:24px}.stage-btn{display:block;width:100%;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left;padding:16px 16px 16px 20px}.stage-btn.stage1{background:#fff;border-left:4px solid #8e44ad;color:#333;box-shadow:0 2px 8px #00000014}.stage-btn.stage2,.stage-btn.stage3{background:#8e44ad;color:#fff}.stage-btn:hover{opacity:.9}.result-loading{background:linear-gradient(180deg,#f88379 0% 40%,#f0f0f0 40% 100%);min-height:80vh;margin:-20px -16px;padding:40px 20px}.loading-mbti-circle{width:140px;height:140px;border-radius:50%;background:conic-gradient(#8e44ad 0deg 45deg,#34a853 45deg 90deg,#f39c12 90deg 135deg,#e74c3c 135deg 180deg,#3498db 180deg 225deg,#1abc9c 225deg 270deg,#9b59b6 270deg 315deg,#e67e22 315deg 360deg);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position:relative}.loading-mbti-circle:after{content:"MBTI";position:absolute;width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#333}.loading-title{text-align:center;color:#fff;font-size:18px;font-weight:600;margin-bottom:32px}.loading-card{background:#fff;border-radius:12px;padding:24px 20px;box-shadow:0 4px 20px #0000001a}.loading-tabs{display:flex;gap:24px;margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:12px}.loading-tab{font-size:18px;font-weight:600;color:#666;position:relative;padding-bottom:8px}.loading-tab.active{color:#f88379}.loading-tab.active:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:3px;background:#f88379;border-radius:2px}.loading-item{margin-bottom:20px}.loading-item-text{font-size:16px;color:#333;margin-bottom:8px}.loading-item-bar{height:12px;background:#eee;border-radius:6px;overflow:hidden}.loading-item-fill{height:100%;background:linear-gradient(90deg,#f39c12,#e67e22);border-radius:6px;transition:width .5s ease}.result-header{text-align:center;padding:24px 0 16px}.result-header-title{font-size:24px;font-weight:700;color:#333;margin-bottom:6px}.result-header-time{font-size:13px;color:#666}.result-type-display{position:relative;text-align:center;padding:40px 24px 32px;background:linear-gradient(135deg,#4c5fd0,#764ba2);border-radius:20px;margin-bottom:24px;overflow:hidden}.result-type-display:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.result-type-display:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:#ffffff14;border-radius:50%}.result-type-badge{display:inline-block;padding:4px 16px;background:#fff3;border-radius:20px;font-size:12px;color:#fff;letter-spacing:2px;margin-bottom:16px;position:relative;z-index:1}.result-type-code{font-size:72px;font-weight:900;color:#fff;line-height:1;margin-bottom:8px;text-shadow:0 4px 20px rgba(0,0,0,.2);position:relative;z-index:1;letter-spacing:4px}.result-type-nick{font-size:22px;color:#fffffff2;font-weight:600;position:relative;z-index:1}.result-type-tags{display:flex;justify-content:center;gap:8px;margin-top:16px;position:relative;z-index:1;flex-wrap:wrap}.result-type-tag{padding:4px 12px;background:#ffffff26;border-radius:12px;font-size:12px;color:#fff}.result-dim-row{display:flex;align-items:center;margin-bottom:16px;gap:12px}.result-dim-left{width:70px;text-align:right}.result-dim-pct{font-size:20px;font-weight:700}.result-dim-label{font-size:13px;color:#666}.result-dim-bar{flex:1;height:16px;border-radius:8px;overflow:hidden;display:flex}.result-dim-right{width:70px}.result-section{margin-top:28px}.result-section-en{font-size:14px;color:#f39c12;letter-spacing:2px;margin-bottom:4px;text-transform:uppercase}.result-section-title{font-size:24px;font-weight:700;color:#e67e22;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #eee;display:inline-block}.result-section-content{font-size:14px;color:#555;line-height:1.9}.result-advantage-tag{display:inline-block;background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff;padding:8px 16px;border-radius:4px;font-size:16px;font-weight:600;margin-bottom:12px}.population-card{background:linear-gradient(135deg,#f8f9ff,#f0f2fa);border-radius:12px;padding:16px}.population-desc{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:10px}.population-bar{height:8px;background:#e8ecf3;border-radius:4px;overflow:hidden;margin-bottom:10px}.population-bar-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#7b5bd6);border-radius:4px;transition:width .8s ease}.population-tag{display:inline-block;font-size:12px;padding:4px 12px;border-radius:20px;font-weight:500}.population-tag.rare{background:#ffeaea;color:#d63031}.population-tag.uncommon{background:#fff3e0;color:#e17055}.population-tag.common{background:#e8f5e9;color:#27ae60}.celebrities-box{background:linear-gradient(135deg,#fdf8f2,#faf3ea);border-radius:12px;padding:16px}.celebrities-text{font-size:14px;color:#2c3e50;line-height:1.6;font-weight:500}.celebrities-note{font-size:11px;color:#7a6a55;margin-top:6px}.char-block{margin-bottom:14px;border-left:3px solid #8e44ad;background:linear-gradient(90deg,#faf7fc,transparent);border-radius:0 10px 10px 0;padding:10px 12px}.char-tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;padding:3px 12px;border-radius:6px;margin-bottom:8px}.char-tag-adv{background:linear-gradient(135deg,#8e44ad,#a569bd)}.char-tag-grow{background:linear-gradient(135deg,#e67e22,#d35400)}.share-btn{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin:16px 8px 8px;transition:all .2s}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.share-mask{position:fixed;inset:0;background:#00000080;z-index:2000;display:none;align-items:flex-end;justify-content:center}.share-mask.active{display:flex}.share-panel{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));animation:slideUp .3s ease}.share-title{text-align:center;font-size:16px;font-weight:600;color:#333;margin-bottom:20px}.share-options{display:flex;justify-content:space-around;margin-bottom:20px}.share-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:8px}.share-option-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.share-option-icon.wechat{background:#07c160}.share-option-icon.copy{background:#3498db}.share-option-icon.card{background:#e67e22}.share-option-label{font-size:12px;color:#666}.share-cancel{width:100%;padding:12px;background:#f5f5f5;border:none;border-radius:8px;color:#666;font-size:15px;cursor:pointer}.share-card-preview{background:linear-gradient(135deg,#fef9f3,#fdf2e9);border-radius:12px;padding:20px;margin-bottom:16px;text-align:center}.share-card-type{font-size:36px;font-weight:700;color:#5d3a8e;margin-bottom:4px}.share-card-nick{font-size:16px;color:#8e44ad;margin-bottom:12px}.share-card-desc{font-size:13px;color:#666;line-height:1.6}.share-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:3000;display:none}.share-toast.show{display:block}.record-detail-mask{position:fixed;inset:0;background:#00000080;z-index:2000;display:none;overflow-y:auto}.record-detail-mask.active{display:block}.record-detail-panel{background:#fff;min-height:100vh;padding:20px 16px 40px;max-width:480px;margin:0 auto}.record-detail-header{display:flex;align-items:center;margin-bottom:16px;gap:12px}.record-detail-back{width:36px;height:36px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#333}.record-detail-title{font-size:18px;font-weight:600;color:#333}.record-detail-type{text-align:center;padding:24px;background:linear-gradient(135deg,#f8f4ff,#f0e6ff);border-radius:12px;margin-bottom:16px}.record-detail-code{font-size:48px;font-weight:700;color:#5d3a8e;margin-bottom:4px}.record-detail-nick{font-size:18px;color:#8e44ad}.record-detail-time{font-size:12px;color:#666;margin-top:8px}.record-jung-section{background:#fafafa;border-radius:10px;padding:16px;margin-bottom:14px}.record-jung-title{font-size:15px;font-weight:600;color:#333;margin-bottom:12px;padding-left:8px;border-left:3px solid #8e44ad}.record-jung-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.record-jung-code{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.record-jung-info{flex:1;min-width:0}.record-jung-name{font-size:13px;color:#333}.record-jung-role{font-size:11px;color:#666}.record-jung-bar{width:50px;height:5px;background:#eee;border-radius:3px;overflow:hidden;flex-shrink:0}.record-jung-fill{height:100%;border-radius:3px}.record-jung-score{width:30px;text-align:right;font-size:13px;font-weight:600;color:#333}.record-detail-section{margin-bottom:14px}.record-detail-section-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;padding-left:8px;border-left:3px solid #3498db}.record-detail-section-content{font-size:13px;color:#555;line-height:1.8;padding:0 8px}.analysis-loading{background:linear-gradient(180deg,#e8f0fe,#f0f5ff);min-height:100vh;padding:20px 16px 40px;margin:-16px}.analysis-section{background:#fff;border-radius:12px;padding:20px 16px;margin-bottom:16px;box-shadow:0 2px 12px #3b82f614;border-left:4px solid #3b82f6}.analysis-section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#3b82f6;margin-bottom:16px}.analysis-section-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.analysis-item{display:flex;align-items:center;gap:12px;background:#f0f5ff;border:1px solid #dbeafe;border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:all .3s}.analysis-item.done{background:#f0fdf4;border-color:#bbf7d0}.analysis-item.done .analysis-item-icon{background:#22c55e}.analysis-item.done .analysis-item-text{color:#16a34a}.analysis-item-icon{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:gearSpin 2s linear infinite}.analysis-item.done .analysis-item-icon{animation:none}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-item-text{font-size:16px;color:#374151;font-weight:500;flex:1}.analysis-item-check{color:#22c55e;font-size:20px;font-weight:700}.view-report-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:28px;font-size:20px;font-weight:700;cursor:pointer;margin-top:8px;box-shadow:0 4px 16px #3b82f64d;transition:all .2s;opacity:.5;pointer-events:none}.view-report-btn.ready{opacity:1;pointer-events:auto}.view-report-btn.ready:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.analysis-progress-text{text-align:center;font-size:14px;color:#6b7280;margin-bottom:12px}.result-type-image{width:100%;max-width:280px;margin:0 auto 20px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000026;position:relative;z-index:1}.result-type-image img{width:100%;height:auto;display:block}.result-type-image-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:20px 16px 12px;color:#fff;font-size:14px;text-align:center}.home-topbar{background:#fff;padding:14px 16px 10px}.home-topbar-brand{font-size:19px;font-weight:800;color:#222;font-family:"Noto Serif SC",serif;letter-spacing:2px}.home-topbar-sub{font-size:11px;color:#666;margin:2px 0 10px;letter-spacing:1px}.home-search{display:flex;align-items:center;gap:8px;background:#f5f5f7;border-radius:22px;padding:9px 14px;border:1px solid #eee}.home-search-icon{width:16px;height:16px;color:#666;flex-shrink:0}.home-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#333}.home-search input::placeholder{color:#bbb}.home-search-results{background:#fff;border:1px solid #eee;border-radius:12px;margin-top:6px;box-shadow:0 4px 16px #0000000f;overflow:hidden;display:none}.home-search-result-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #f5f5f5;cursor:pointer}.home-search-result-item:last-child{border-bottom:none}.home-search-result-item:hover{background:#fafafa}.home-search-result-item img{width:28px;height:28px;border-radius:8px;object-fit:cover}.home-search-result-item .name{font-size:14px;color:#333}.home-search-result-item .go{margin-left:auto;color:#666;font-size:14px}.home-quick-entry{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 16px 6px}.home-quick-item{text-align:center;cursor:pointer}.home-quick-icon{width:46px;height:46px;border-radius:16px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;box-shadow:0 3px 10px #0000001f}.home-quick-name{font-size:12px;color:#555}.home-section-head{display:flex;align-items:center;gap:8px;padding:18px 16px 0}.home-section-title{font-size:17px;font-weight:800;color:#222}.home-section-tag{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff4757);padding:2px 8px;border-radius:4px;letter-spacing:1px}.home-section-tag.new{background:linear-gradient(135deg,#6a5acd,#8e44ad)}.home-section-desc{font-size:12px;color:#666;padding:3px 16px 0}.hot-test-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px 16px}.hot-test-card{position:relative;background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:transform .15s}.hot-test-card:active{transform:scale(.97)}.hot-test-badge{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ffb347,#ff6b6b);padding:1px 6px;border-radius:4px;letter-spacing:1px}.hot-test-icon{width:44px;height:44px;border-radius:12px;margin:6px auto 8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#6a5acd,#8e44ad)}.hot-test-card:nth-child(2) .hot-test-icon{background:linear-gradient(135deg,#8e44ad,#c0392b)}.hot-test-card:nth-child(3) .hot-test-icon{background:linear-gradient(135deg,#c0392b,#f39c12)}.hot-test-name{font-size:13px;font-weight:700;color:#333;line-height:1.3}.hot-test-desc{font-size:10px;color:#666;margin-top:3px;line-height:1.4}.hot-test-count{font-size:11px;color:#6a5acd;margin-top:6px;font-weight:600}.cat-topbar{background:#fff;padding:14px 16px 10px;position:sticky;top:0;z-index:20}.cat-topbar-title{font-size:18px;font-weight:800;color:#222;font-family:"Noto Serif SC",serif;letter-spacing:1px}.cat-search{margin-top:10px}.cat-layout{display:flex;min-height:calc(100vh - 150px)}.cat-sidebar{width:88px;flex-shrink:0;background:#fafafa;border-right:1px solid #f0f0f0;padding:10px 0}.cat-side-item{font-size:13px;color:#666;text-align:center;padding:13px 4px;cursor:pointer;border-left:3px solid transparent}.cat-side-item.active{color:#6a5acd;font-weight:700;background:#fff;border-left-color:#6a5acd}.cat-main{flex:1;min-width:0;padding:10px 12px 20px}.cat-sort-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cat-sort-label{font-size:14px;font-weight:700;color:#333}.cat-sort-by{font-size:12px;color:#666}.cat-test-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:12px;margin-bottom:10px;cursor:pointer}.cat-test-item:active{background:#fafafa}.cat-test-icon{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:800;box-shadow:0 3px 10px #0000001f}.cat-test-info{flex:1;min-width:0}.cat-test-name{font-size:14px;font-weight:700;color:#333}.cat-test-desc{font-size:11px;color:#666;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-test-meta{display:flex;align-items:center;gap:8px;margin-top:5px}.cat-test-free{font-size:10px;color:#fff;background:linear-gradient(135deg,#6a5acd,#8e44ad);padding:1px 6px;border-radius:4px;font-weight:600}.cat-test-count{font-size:11px;color:#666}.cat-test-go{color:#707070;font-size:16px;flex-shrink:0}.learn-hero{background:linear-gradient(135deg,#4c5fd0,#764ba2);padding:34px 20px 26px;text-align:center;color:#fff}.learn-hero-title{font-size:22px;font-weight:800;letter-spacing:2px;font-family:"Noto Serif SC",serif}.learn-hero-sub{font-size:12px;opacity:.85;margin-top:8px;letter-spacing:1px}.learn-cats{display:flex;gap:8px;padding:14px 16px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.learn-cat{flex-shrink:0;font-size:13px;color:#666;background:#f5f5f7;padding:7px 16px;border-radius:18px;cursor:pointer;white-space:nowrap}.learn-cat.active{color:#fff;background:linear-gradient(135deg,#4c5fd0,#764ba2);font-weight:700}.learn-list{padding:10px 16px 30px}.learn-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer}.learn-card:active{background:#fafafa}.learn-card-icon{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;font-weight:800}.learn-card-title{font-size:15px;font-weight:700;color:#333}.learn-card-desc{font-size:12px;color:#666;margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-card-meta{font-size:11px;color:#666;margin-top:5px}.learn-card-arrow{color:#707070;font-size:16px;flex-shrink:0}.learn-modal{position:fixed;inset:0;z-index:300;background:#0000008c;display:none;align-items:center;justify-content:center;padding:20px}.learn-modal.open{display:flex}.learn-modal-box{background:#fff;border-radius:18px;width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000040}.learn-modal-head{padding:16px 18px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.learn-modal-back{font-size:16px;color:#666;cursor:pointer;padding:4px 8px;border-radius:8px}.learn-modal-back:active{background:#f0f0f0}.learn-modal-title{font-size:16px;font-weight:800;color:#333;flex:1;line-height:1.4}.learn-modal-body{padding:18px;overflow-y:auto;line-height:1.9;font-size:14px;color:#444}.learn-modal-body h3{font-size:15px;color:#333;margin:16px 0 8px;border-left:3px solid #4c5fd0;padding-left:10px}.learn-modal-body h3:first-child{margin-top:0}.learn-modal-body p{margin:8px 0;text-align:justify}.learn-modal-body .learn-anno{background:#f7f7fa;border-radius:10px;padding:10px 12px;font-size:12px;color:#555;margin:10px 0}.profile-hero{background:linear-gradient(135deg,#ff9a9e,#fad0c4,#ffecd2);padding:34px 20px 26px;text-align:center}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff8fab,#ff5e8a);color:#fff;font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 4px 14px #ff5e8a59}.profile-name{font-size:17px;font-weight:800;color:#4a2c2c}.profile-id{font-size:12px;color:#a06a6a;margin-top:4px}.profile-stats{display:flex;background:#fff;margin:-14px 16px 0;border-radius:14px;box-shadow:0 4px 16px #0000000f;padding:14px 0;position:relative;z-index:2}.profile-stat{flex:1;text-align:center}.profile-stat+.profile-stat{border-left:1px solid #f5f5f5}.profile-stat-num{font-size:19px;font-weight:800;color:#333}.profile-stat-label{font-size:11px;color:#666;margin-top:3px}.profile-section-title{font-size:16px;font-weight:800;color:#333;padding:18px 16px 10px}.profile-services{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px}.profile-service{text-align:center;cursor:pointer;background:#fff;border:1px solid #f5f5f5;border-radius:12px;padding:14px 4px}.profile-service:active{background:#fafafa}.profile-service-icon{width:38px;height:38px;border-radius:12px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700}.profile-service-name{font-size:11px;color:#555}.raven-question{padding:4px 0 8px}.raven-question-text{font-size:15px;font-weight:600;color:#333;text-align:center;margin-bottom:14px;line-height:1.5}.raven-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fafafa;border:1px solid #eee;border-radius:12px;padding:10px;margin-bottom:14px}.raven-cell{aspect-ratio:1;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.raven-cell-q{background:#f5f5ff;border:1px dashed #6a5acd}.raven-cell-q span{font-size:28px;font-weight:800;color:#6a5acd}.raven-cell svg{width:100%;height:100%;padding:4px;box-sizing:border-box}.raven-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.raven-option{background:#fff;border:2px solid #eee;border-radius:12px;padding:8px;text-align:center;cursor:pointer;transition:all .15s;position:relative}.raven-option:active{transform:scale(.96)}.raven-option.selected{border-color:#6a5acd;background:#f5f3ff;box-shadow:0 0 0 2px #6a5acd26}.raven-option-svg{aspect-ratio:1.1;display:flex;align-items:center;justify-content:center}.raven-option-svg svg{width:100%;height:100%}.raven-option-letter{font-size:12px;font-weight:700;color:#666;margin-top:4px}.fab-plus{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;cursor:pointer;box-shadow:0 4px 12px #667eea66;z-index:5;transition:transform .2s}.fab-plus:active{transform:translateY(-50%) scale(.9)}.learn-hero,.cat-topbar{position:relative}.publish-mask{position:fixed;inset:0;background:#00000080;z-index:200;display:none;align-items:flex-end;justify-content:center}.publish-mask.show{display:flex}.publish-sheet{background:#fff;width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:20px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.publish-title{font-size:18px;font-weight:700;color:#222;margin-bottom:16px;text-align:center}.publish-type-row{display:flex;gap:10px;margin-bottom:16px}.publish-type-btn{flex:1;padding:12px;border:2px solid #e8e8e8;border-radius:12px;text-align:center;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.publish-type-btn.active{border-color:#4c5fd0;color:#4c5fd0;background:#f0f2ff}.publish-input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;margin-bottom:12px;box-sizing:border-box;outline:none}.publish-input:focus{border-color:#4c5fd0}.publish-textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;min-height:100px;box-sizing:border-box;outline:none;resize:vertical;margin-bottom:12px}.publish-upload-area{border:2px dashed #ddd;border-radius:12px;padding:24px;text-align:center;color:#767676;font-size:13px;cursor:pointer;margin-bottom:12px;transition:border-color .2s}.publish-upload-area:hover{border-color:#4c5fd0}.publish-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.publish-preview img,.publish-preview video{width:80px;height:80px;object-fit:cover;border-radius:8px}.publish-submit{width:100%;padding:14px;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.publish-submit:active{opacity:.85}.posts-section{padding:0 20px 20px}.posts-section-title{font-size:17px;font-weight:700;color:#222;margin-bottom:4px;display:flex;align-items:center;gap:8px}.posts-section-desc{font-size:12px;color:#707070;margin-bottom:14px}.post-card{background:#fff;border:1px solid #f0f2f5;border-radius:16px;padding:14px;margin-bottom:12px}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.post-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.post-author-info{flex:1}.post-author-name{font-size:14px;font-weight:600;color:#333}.post-time{font-size:11px;color:#aaa}.post-follow-btn{padding:5px 12px;border-radius:14px;font-size:12px;cursor:pointer;border:1px solid #4c5fd0;color:#4c5fd0;background:#fff}.post-follow-btn.followed{background:#f0f2ff;color:#767676;border-color:#ddd}.post-title{font-size:15px;font-weight:600;color:#222;margin-bottom:6px}.post-content{font-size:13px;color:#555;line-height:1.6;margin-bottom:10px}.post-media{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.post-media img,.post-media video{width:100%;max-height:240px;object-fit:cover;border-radius:10px}.post-actions{display:flex;gap:20px;padding-top:10px;border-top:1px solid #f5f5f5}.post-action{display:flex;align-items:center;gap:5px;font-size:13px;color:#707070;cursor:pointer;transition:color .2s}.post-action.liked{color:#ff4757}.post-action svg{width:18px;height:18px}.posts-empty{text-align:center;padding:30px;color:#bbb;font-size:13px}.comment-mask{position:fixed;inset:0;background:#00000080;z-index:200;display:none;align-items:flex-end;justify-content:center}.comment-mask.show{display:flex}.comment-sheet{background:#fff;width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:20px;max-height:70vh;display:flex;flex-direction:column}.comment-header{font-size:16px;font-weight:700;color:#222;margin-bottom:14px;text-align:center}.comment-list{flex:1;overflow-y:auto;margin-bottom:12px}.comment-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f5f5f5}.comment-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.comment-user{font-size:12px;font-weight:600;color:#555}.comment-text{font-size:13px;color:#333;margin-top:2px}.comment-input-row{display:flex;gap:8px}.comment-input{flex:1;padding:10px 14px;border:1px solid #e0e0e0;border-radius:20px;font-size:13px;outline:none}.comment-send{padding:10px 18px;background:#4c5fd0;color:#fff;border:none;border-radius:20px;font-size:13px;cursor:pointer}.palm-upload-card{background:#fff;border-radius:16px;padding:24px;text-align:center;border:2px dashed #c9a96e;margin:16px}.palm-upload-icon{font-size:48px;margin-bottom:12px}.palm-upload-text{font-size:14px;color:#666;margin-bottom:16px}.palm-upload-btn{padding:12px 32px;background:linear-gradient(135deg,#c9a96e,#8b6914);color:#fff;border:none;border-radius:24px;font-size:15px;cursor:pointer}.palm-preview{max-width:100%;border-radius:12px;margin:12px 0}.palm-analyzing{text-align:center;padding:40px 20px}.palm-loading-ring{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#c9a96e;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.palm-result-card{background:#fff;border-radius:16px;padding:20px;margin:12px 16px;border:1px solid #f0e6d2}.palm-line-item{margin-bottom:16px}.palm-line-name{font-size:15px;font-weight:700;color:#8b6914;margin-bottom:6px}.palm-line-bar{height:8px;background:#f5f0e6;border-radius:4px;overflow:hidden;margin-bottom:6px}.palm-line-fill{height:100%;background:linear-gradient(90deg,#c9a96e,#8b6914);border-radius:4px;transition:width 1s}.palm-line-desc{font-size:13px;color:#555;line-height:1.6}.palm-summary{background:linear-gradient(135deg,#fdf8ef,#faf0dc);border-radius:12px;padding:16px;margin-top:12px;font-size:13px;color:#6b5a3a;line-height:1.7}.feed-topbar{position:sticky;top:0;background:#fff;z-index:50;padding:12px 16px 0}.feed-search{display:flex;align-items:center;background:#f5f6f8;border-radius:24px;padding:8px 14px;gap:8px}.feed-search-icon{width:18px;height:18px;color:#767676;flex-shrink:0}.feed-search input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:#333}.feed-search-btn{background:#4a6cf7;color:#fff;border:none;padding:6px 18px;border-radius:18px;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}.feed-tabs{display:flex;gap:20px;padding:12px 16px 8px;overflow-x:auto;border-bottom:1px solid #f0f0f0}.feed-tabs::-webkit-scrollbar{display:none}.feed-tab{font-size:17px;color:#707070;cursor:pointer;white-space:nowrap;padding-bottom:6px;position:relative;font-weight:500;transition:color .2s}.feed-tab.active{color:#222;font-weight:700}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:#4a6cf7;border-radius:2px}.feed-list{padding:0 0 80px}.feed-card{padding:16px;border-bottom:8px solid #f5f6f8}.feed-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feed-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.feed-author-info{flex:1}.feed-author-name{font-size:15px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.feed-author-badge{font-size:10px;background:linear-gradient(135deg,gold,#fa0);color:#fff;padding:1px 5px;border-radius:4px;font-weight:700}.feed-time{font-size:12px;color:#aaa;margin-top:2px}.feed-follow-btn{padding:5px 14px;border-radius:16px;font-size:13px;cursor:pointer;border:1px solid #4a6cf7;color:#4a6cf7;background:#fff;font-weight:600}.feed-follow-btn.followed{background:#f0f2f5;color:#767676;border-color:#ddd}.feed-title{font-size:17px;font-weight:700;color:#222;line-height:1.4;margin-bottom:6px}.feed-content{font-size:15px;color:#444;line-height:1.6;margin-bottom:10px}.feed-media{margin-bottom:10px;border-radius:12px;overflow:hidden}.feed-media img,.feed-media video{width:100%;max-height:300px;object-fit:cover;display:block}.feed-actions{display:flex;gap:28px;padding-top:8px}.feed-action{display:flex;align-items:center;gap:5px;font-size:14px;color:#707070;cursor:pointer;transition:color .2s}.feed-action.liked{color:#ff4757}.feed-action.saved{color:#f5a623}.feed-action svg{width:20px;height:20px}.feed-empty{text-align:center;padding:60px 20px;color:#bbb;font-size:14px}.feed-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.publish-page{min-height:100vh;background:#fff;padding-bottom:100px}.publish-page-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.publish-close{font-size:24px;color:#333;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.publish-draft{font-size:16px;color:#707070;cursor:pointer;display:flex;align-items:center;gap:6px}.publish-to-row{padding:0 20px 12px;position:relative}.publish-to-select{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e8e8e8;border-radius:20px;font-size:14px;color:#555;cursor:pointer}.publish-category-dropdown{position:absolute;top:48px;left:20px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:10;overflow:hidden}.pub-cat-item{padding:10px 20px;font-size:14px;color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5}.pub-cat-item:last-child{border-bottom:none}.pub-cat-item:hover{background:#f8f9fa}.publish-page-title{width:100%;padding:8px 20px;border:none;font-size:28px;font-weight:700;color:#333;outline:none;box-sizing:border-box}.publish-page-title::placeholder{color:#ccc}.publish-page-content{width:100%;padding:8px 20px;border:none;font-size:17px;color:#555;outline:none;box-sizing:border-box;min-height:100px;resize:none;line-height:1.6}.publish-page-content::placeholder{color:#bbb}.publish-media-cards{display:flex;gap:12px;padding:16px 20px}.publish-media-card{flex:1;aspect-ratio:1;background:#f8f9fb;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:1px solid #eef0f3}.publish-media-plus{font-size:32px;color:#767676;font-weight:300;margin-bottom:8px}.publish-media-label{font-size:15px;color:#707070;font-weight:500}.publish-page-preview{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 12px}.publish-page-preview img,.publish-page-preview video{width:100px;height:100px;object-fit:cover;border-radius:10px}.publish-toolbar{display:flex;gap:20px;padding:14px 20px;border-top:1px solid #f0f0f0;margin-top:8px}.pub-tool-item{color:#555;cursor:pointer;display:flex;align-items:center}.pub-tool-item svg{width:22px;height:22px}.publish-options{padding:0 20px}.pub-option{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f5f5f5;font-size:15px;color:#333;cursor:pointer}.pub-option-arrow{margin-left:auto;color:#ccc;font-size:18px}.publish-page-bottom{position:fixed;z-index:200;bottom:0;left:0;right:0;display:flex;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0f0f0}.pub-bottom-btn{flex:1;padding:14px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.pub-btn-ask{background:linear-gradient(135deg,#d4f5e0,#b8ecce);color:#1a7a42}.pub-btn-article{background:linear-gradient(135deg,#dbe4ff,#c5d2f5);color:#3b5bdb}.pub-btn-submit{background:linear-gradient(135deg,#ffe8cc,#ffd8a8);color:#d97706;flex:1.2}.quick-tests{display:flex;gap:12px;padding:12px 16px;overflow-x:auto;border-bottom:8px solid #f5f6f8}.quick-tests::-webkit-scrollbar{display:none}.quick-test-item{flex-shrink:0;width:72px;text-align:center;cursor:pointer}.quick-test-icon{width:52px;height:52px;border-radius:16px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.quick-test-name{font-size:12px;color:#444;white-space:nowrap}.share-canvas-wrap{display:inline-block;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.share-canvas-wrap canvas{display:block;max-width:100%}.daily-fortune{margin:12px 16px;padding:16px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:16px;border:1px solid #ffeaa7;cursor:pointer;display:flex;align-items:center;gap:12px}.daily-fortune-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f6d365,#fda085);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.daily-fortune-text{flex:1}.daily-fortune-title{font-size:15px;font-weight:700;color:#8b6914;margin-bottom:4px}.daily-fortune-content{font-size:13px;color:#8a6d2a;line-height:1.5}.daily-fortune-arrow{color:#d4a017;font-size:20px}.almanac-card{margin:12px 16px;padding:16px;background:linear-gradient(135deg,#fefcf7,#faf6ed);border-radius:16px;border:1px solid #e8dcc8;cursor:pointer}.almanac-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed #e0d4be}.almanac-gregorian{font-size:22px;font-weight:800;color:#5c4a2a;line-height:1.2}.almanac-lunar{font-size:13px;color:#8b7355;margin-top:4px}.almanac-ganzhi{text-align:right;font-size:12px;color:#a08060;line-height:1.6}.almanac-body{display:flex;flex-direction:column;gap:8px}.almanac-row{display:flex;align-items:flex-start;gap:10px}.almanac-label{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.almanac-yi{background:#27ae60}.almanac-ji{background:#e74c3c}.almanac-items{font-size:13px;color:#5c4a2a;line-height:1.7;flex:1}.almanac-detail{margin-top:12px;padding-top:12px;border-top:1px dashed #e0d4be}.almanac-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.almanac-detail-item{font-size:12px;color:#6b5a40;display:flex;gap:6px}.ad-label{color:#a08060;font-weight:600;flex-shrink:0}.almanac-toggle{text-align:center;font-size:12px;color:#a08060;margin-top:10px;padding-top:8px;border-top:1px solid #f0e8d8}.profile-tabs{display:flex;border-bottom:1px solid #eee;margin:0 16px}.profile-tab{flex:1;text-align:center;padding:12px 0;font-size:14px;color:#707070;cursor:pointer;position:relative}.profile-tab.active{color:#4c5fd0;font-weight:600}.profile-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:#4c5fd0;border-radius:2px}.profile-tab-content{padding:12px 16px}.profile-empty{text-align:center;padding:40px 20px;color:#bbb;font-size:14px}.match-list{margin-top:12px}.match-item{display:flex;align-items:center;padding:10px 14px;background:#f8f9ff;border-radius:10px;margin-bottom:8px}.match-type{font-size:18px;font-weight:800;color:#4c5fd0;width:70px}.match-desc{flex:1;font-size:13px;color:#666}.match-score{font-size:16px;font-weight:700;color:#e74c3c}.profile-level-bar{margin:0 16px 12px;padding:14px;background:linear-gradient(135deg,#4c5fd0,#764ba2);border-radius:14px;color:#fff}.profile-level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-level-name{font-size:16px;font-weight:700}.profile-exp{font-size:13px;opacity:.9}.profile-exp-bar{height:6px;background:#ffffff40;border-radius:3px;overflow:hidden;margin-bottom:10px}.profile-exp-fill{height:100%;background:gold;border-radius:3px;transition:width .5s}.profile-checkin-btn{width:100%;padding:8px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.profile-checkin-btn.checked{background:#ffffff1a;opacity:.6}.page-view{animation:pageFadeIn .3s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mask{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;align-items:center;justify-content:center;padding:20px}.mask.show{display:flex;animation:maskFadeIn .25s ease-out}@keyframes maskFadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:#fff;border-radius:18px;padding:24px 20px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}.result-modal-title{font-size:18px;font-weight:700;color:#333;text-align:center;margin-bottom:16px}.publish-mask-content,.comment-mask-content{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-topbar{position:sticky;top:0;background:#fff;display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;z-index:50}.detail-back{font-size:22px;cursor:pointer;width:32px;color:#333}.detail-title{flex:1;text-align:center;font-size:16px;font-weight:600;color:#333}.detail-post{padding:16px}.detail-post-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.detail-post-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer}.detail-post-author{flex:1}.detail-post-name{font-size:15px;font-weight:600;color:#333;cursor:pointer}.detail-post-time{font-size:12px;color:#767676;margin-top:2px}.detail-post-title{font-size:20px;font-weight:700;color:#222;line-height:1.4;margin-bottom:10px}.detail-post-content{font-size:16px;color:#444;line-height:1.8;margin-bottom:14px}.detail-post-media img,.detail-post-media video{width:100%;border-radius:12px;margin-bottom:10px}.detail-actions{display:flex;gap:24px;padding:14px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:14px}.detail-action{display:flex;align-items:center;gap:5px;font-size:14px;color:#707070;cursor:pointer}.detail-action.liked{color:#ff4757}.detail-comment-input{display:flex;gap:8px;margin-bottom:14px}.detail-comment-input input{flex:1;padding:10px 14px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;outline:none}.detail-comment-input button{padding:10px 18px;background:#4c5fd0;color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer}.detail-comment-list .comment-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f5f5f5}.comment-avatar{width:32px;height:32px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.comment-body{flex:1}.comment-user{font-size:13px;font-weight:600;color:#333}.comment-text{font-size:14px;color:#555;margin-top:2px}.comment-time{font-size:11px;color:#bbb;margin-top:4px}.author-profile{padding:20px 16px;text-align:center}.author-profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 12px}.author-profile-name{font-size:20px;font-weight:700;color:#222}.author-profile-bio{font-size:13px;color:#707070;margin-top:6px}.author-profile-stats{display:flex;justify-content:center;gap:40px;margin:16px 0}.author-stat-num{font-size:20px;font-weight:700;color:#333}.author-stat-label{font-size:12px;color:#767676}body.dark-mode{background:#1a1a2e!important;color:#e0e0e0!important}body.dark-mode .card,body.dark-mode .result-modal,body.dark-mode .feed-card,body.dark-mode .cat-test-item,body.dark-mode .learn-doc,body.dark-mode .profile-card{background:#252540!important;color:#e0e0e0!important}body.dark-mode .form-input,body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#1a1a2e!important;color:#e0e0e0!important;border-color:#444!important}body.dark-mode .bottom-nav,body.dark-mode .feed-topbar,body.dark-mode .detail-topbar{background:#252540!important;border-color:#333!important}body.dark-mode .detail-post-title,body.dark-mode .detail-post-name,body.dark-mode .comment-user,body.dark-mode .author-profile-name{color:#fff!important}body.dark-mode .detail-post-content,body.dark-mode .comment-text{color:#ccc!important}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#4c5fd0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:14px;font-size:14px;color:#4c5fd0}@media (min-width: 768px){body{background:#f5f7fa}.page,.tab-content,#app{max-width:1200px;margin:0 auto;padding:0 20px}.bottom-nav{position:fixed;top:0;bottom:auto;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:56px;flex-direction:row;justify-content:center;gap:40px;border-radius:0 0 16px 16px;box-shadow:0 2px 12px #00000014;z-index:1000}.bottom-nav .nav-item{flex-direction:row;gap:6px;padding:8px 16px;border-radius:8px}.bottom-nav .nav-item span{display:block;font-size:14px}.bottom-nav .nav-add{width:auto;height:auto;border-radius:8px;padding:8px 20px}.page{padding-top:70px!important;padding-bottom:30px!important}.feed-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feed-card{margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-test-item{margin:0}.home-test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quiz-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;max-width:900px;margin:0 auto}.quiz-question-area{padding:30px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.quiz-options-area{padding:20px}.result-container{max-width:800px;margin:0 auto}.result-card{padding:40px}.cognitive-functions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.profile-sidebar{position:sticky;top:80px}.post-detail{max-width:720px;margin:0 auto}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.huangli-card{max-width:600px;margin:0 auto 20px}.form-group{max-width:400px;margin:0 auto 16px}.btn-primary{padding:14px 32px;font-size:16px}.modal-content{max-width:600px;margin:5vh auto;max-height:90vh;overflow-y:auto}.palm-analysis-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bazi-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tarot-spread{justify-content:center;gap:20px}.tarot-card{width:120px;height:200px}}@media (min-width: 1200px){.feed-list{grid-template-columns:repeat(3,1fr)}.category-grid,.home-test-grid{grid-template-columns:repeat(5,1fr)}.learn-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.bottom-nav{position:fixed;bottom:0;left:0;right:0}.page{padding-bottom:70px!important}.card,.feed-card{border-radius:12px;margin:8px}body{font-size:14px}.btn,button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #4c5fd0;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.bottom-nav,.nav-add,.no-print{display:none!important}.result-card,.post-detail{box-shadow:none;border:1px solid #ddd}}@media (max-width: 767px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;line-height:1.6;color:#1a1a1a;background:#f7f8fa;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.card,.feed-card,.cat-test-item,.learn-doc,.profile-card,.result-card,.quiz-card,.bazi-card,.tarot-card,.palm-card{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;margin:10px 12px;overflow:hidden}.btn,.btn-primary,button{min-height:44px;border-radius:10px;font-size:15px;font-weight:500;transition:transform .1s,opacity .2s;cursor:pointer}.btn:active,button:active{transform:scale(.97);opacity:.85}input,textarea,select{font-size:16px!important;min-height:44px;border-radius:10px;border:1px solid #e5e5e5;padding:10px 14px;background:#fafafa;width:100%;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:#4c5fd0;background:#fff;outline:none;box-shadow:0 0 0 3px #667eea1a}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #f0f0f0;display:flex;align-items:center;z-index:999;box-shadow:0 -2px 12px #0000000a}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#767676;font-size:11px;cursor:pointer;transition:color .2s;padding:4px 0}.bottom-nav .nav-item.active{color:#4c5fd0;font-weight:600}.bottom-nav .nav-item .nav-icon{font-size:22px;line-height:1}.bottom-nav .nav-add{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 8px;box-shadow:0 4px 12px #667eea66;transform:translateY(-4px)}.page,.tab-content{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.feed-topbar,.detail-topbar,.page-topbar{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #f0f0f0}.home-search{margin:10px 12px;display:flex;align-items:center;background:#f2f3f5;border-radius:20px;padding:8px 16px;gap:8px}.home-search input{border:none;background:transparent;padding:0;min-height:auto;flex:1}.huangli-card{margin:10px 12px;border-radius:14px;overflow:hidden}.huangli-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer}.huangli-body{padding:0 16px 14px;font-size:13px;line-height:1.8}.huangli-body.collapsed{display:none}.quick-test-row{display:flex;gap:12px;padding:4px 12px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-test-row::-webkit-scrollbar{display:none}.quick-test-item{flex:0 0 72px;display:flex;flex-direction:column;align-items:center;gap:6px}.quick-test-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.quick-test-name{font-size:12px;color:#333;text-align:center}.feed-list{padding:0}.feed-card{margin:10px 12px;border-radius:14px;overflow:hidden}.feed-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.feed-card-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0}.feed-card-body{padding:0 14px 12px}.feed-card-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:6px;line-height:1.4}.feed-card-content{font-size:14px;color:#555;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-card-images{display:grid;gap:4px;margin:8px 0;border-radius:10px;overflow:hidden}.feed-card-footer{display:flex;justify-content:space-around;padding:8px 14px;border-top:1px solid #f5f5f5;color:#767676;font-size:13px}.feed-card-footer span{display:flex;align-items:center;gap:4px}.category-tabs{position:sticky;top:0;z-index:50;display:flex;background:#fff;padding:0 12px;border-bottom:1px solid #f0f0f0;overflow-x:auto;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;padding:14px 18px;font-size:15px;color:#666;position:relative;cursor:pointer;white-space:nowrap}.category-tab.active{color:#4c5fd0;font-weight:600}.category-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:#4c5fd0;border-radius:2px}.cat-test-item{display:flex;align-items:center;gap:14px;padding:14px;margin:8px 12px;border-radius:12px;cursor:pointer}.cat-test-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}.cat-test-info{flex:1;min-width:0}.cat-test-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.cat-test-desc{font-size:12px;color:#767676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-test-meta{font-size:11px;color:#bbb;text-align:right;flex-shrink:0}.difficulty-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;margin-right:4px}.difficulty-easy{background:#e8f5e9;color:#2e7d32}.difficulty-medium{background:#fff3e0;color:#e65100}.difficulty-hard{background:#ffebee;color:#c62828}.quiz-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.quiz-progress-bar{position:sticky;top:0;z-index:50;background:#fff;padding:12px 16px 8px}.quiz-progress-info{display:flex;justify-content:space-between;font-size:13px;color:#767676;margin-bottom:8px}.quiz-progress-track{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#4c5fd0,#764ba2);border-radius:3px;transition:width .3s ease}.quiz-question{flex:1;padding:24px 20px;display:flex;flex-direction:column}.quiz-question-text{font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.6;margin-bottom:30px;text-align:center}.quiz-options-5{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 10px;gap:8px}.quiz-option-circle{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex:1}.quiz-option-circle .circle{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;transition:transform .2s;border:none}.quiz-option-circle:active .circle{transform:scale(.9)}.quiz-option-circle.selected .circle{box-shadow:0 0 0 4px #667eea33}.quiz-option-circle:nth-child(1) .circle,.quiz-option-circle:nth-child(5) .circle{width:56px;height:56px;font-size:14px}.quiz-option-circle:nth-child(2) .circle,.quiz-option-circle:nth-child(4) .circle{width:48px;height:48px;font-size:13px}.quiz-option-circle:nth-child(3) .circle{width:40px;height:40px;font-size:12px}.quiz-option-circle:nth-child(1) .circle{background:linear-gradient(135deg,#ef5350,#e53935)}.quiz-option-circle:nth-child(2) .circle{background:linear-gradient(135deg,#ff9800,#fb8c00)}.quiz-option-circle:nth-child(3) .circle{background:linear-gradient(135deg,#bdbdbd,#9e9e9e)}.quiz-option-circle:nth-child(4) .circle{background:linear-gradient(135deg,#42a5f5,#1e88e5)}.quiz-option-circle:nth-child(5) .circle{background:linear-gradient(135deg,#66bb6a,#43a047)}.quiz-option-label{font-size:11px;color:#666;text-align:center}.quiz-options-list{display:flex;flex-direction:column;gap:12px}.quiz-option-btn{width:100%;padding:16px;background:#f7f8fa;border:2px solid transparent;border-radius:12px;font-size:15px;color:#333;text-align:left;cursor:pointer;transition:all .2s}.quiz-option-btn:active{background:#eef0ff}.quiz-option-btn.selected{background:#eef0ff;border-color:#4c5fd0;color:#4c5fd0;font-weight:600}.raven-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.raven-option{aspect-ratio:1;border:2px solid #e5e5e5;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}.raven-option.selected{border-color:#4c5fd0;background:#eef0ff}.quiz-footer{position:sticky;bottom:0;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #f0f0f0;display:flex;gap:10px}.quiz-footer button{flex:1;height:46px;border-radius:23px;font-size:16px;font-weight:600}.btn-prev{background:#f2f3f5;color:#666;border:none}.btn-next{background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;border:none}.result-page{padding-bottom:80px}.result-hero{text-align:center;padding:30px 20px 20px;background:linear-gradient(180deg,#f0f2ff,#fff)}.result-type-code{font-size:48px;font-weight:800;background:linear-gradient(135deg,#4c5fd0,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.result-type-name{font-size:20px;font-weight:700;color:#333;margin-top:4px}.result-type-suffix{display:inline-block;margin-top:8px;padding:3px 12px;background:#eef0ff;color:#4c5fd0;border-radius:12px;font-size:12px}.result-avatar{width:120px;height:120px;border-radius:50%;margin:16px auto;box-shadow:0 8px 24px #667eea33}.result-keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 20px 16px}.keyword-tag{padding:5px 14px;background:#f5f6fa;border-radius:16px;font-size:13px;color:#555}.dimension-section{margin:10px 12px;padding:16px;background:#fff;border-radius:14px}.dimension-row{margin-bottom:14px}.dimension-labels{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.dimension-bar{height:8px;background:#f0f0f0;border-radius:4px;position:relative;overflow:hidden}.dimension-fill{height:100%;border-radius:4px;transition:width .8s ease}.cognitive-section{margin:10px 12px;padding:16px;background:#fff;border-radius:14px}.cognitive-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f8f8f8}.cognitive-row:last-child{border-bottom:none}.cognitive-rank{width:24px;height:24px;border-radius:50%;background:#f0f2ff;color:#4c5fd0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.cognitive-name{width:80px;font-size:14px;font-weight:600;flex-shrink:0}.cognitive-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.cognitive-fill{height:100%;background:linear-gradient(90deg,#4c5fd0,#764ba2);border-radius:4px}.cognitive-score{width:40px;text-align:right;font-size:13px;color:#767676;flex-shrink:0}.result-tabs{position:sticky;top:0;z-index:50;display:flex;background:#fff;border-bottom:1px solid #f0f0f0;overflow-x:auto;scrollbar-width:none}.result-tabs::-webkit-scrollbar{display:none}.result-tab{flex:0 0 auto;padding:12px 18px;font-size:14px;color:#666;cursor:pointer;white-space:nowrap}.result-tab.active{color:#4c5fd0;font-weight:600;border-bottom:2px solid #4c5fd0}.result-tab-content{padding:16px;font-size:15px;line-height:1.8;color:#333}.result-actions{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #f0f0f0;display:flex;gap:8px;z-index:100}.result-actions button{flex:1;height:44px;border-radius:22px;font-size:14px;font-weight:600;border:none}.action-share{background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff}.action-save{background:#f0f2ff;color:#4c5fd0}.action-retest{background:#f5f5f5;color:#666}.bazi-input-card{margin:10px 12px;padding:16px;background:#fff;border-radius:14px}.bazi-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px}.bazi-pillar{background:linear-gradient(180deg,#fff5f5,#fff);border:1px solid #ffe0e0;border-radius:12px;padding:12px 4px;text-align:center}.bazi-pillar-label{font-size:11px;color:#767676;margin-bottom:8px}.bazi-stem{font-size:22px;font-weight:700;color:#c62828}.bazi-branch{font-size:22px;font-weight:700;color:#d84315;margin-top:4px}.bazi-wuxing{font-size:10px;color:#767676;margin-top:4px}.dayun-timeline{margin:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dayun-timeline::-webkit-scrollbar{display:none}.dayun-list{display:flex;gap:8px;padding:4px}.dayun-item{flex:0 0 70px;text-align:center;padding:10px 4px;background:#fff;border-radius:10px;border:1px solid #f0f0f0}.dayun-item.current{border-color:#c62828;background:#fff5f5}.dayun-age{font-size:10px;color:#767676}.dayun-name{font-size:16px;font-weight:700;color:#333;margin:4px 0}.dayun-year{font-size:10px;color:#bbb}.tarot-stage{margin:16px -20px 4px;border-radius:14px;min-height:380px;padding:28px 10px 24px}.tarot-fan{height:185px;margin-top:18px}.fan-card{width:42px;height:70px;margin-left:-21px;transform-origin:50% 250%}.tarot-stage-title{font-size:16px}.tarot-stage-sub{font-size:11px;padding:0 8px}.tarot-reveal-item{min-width:88px}.reveal-symbol{font-size:26px}.reveal-name{font-size:14px}.tarot-deck{gap:6px;padding:0 8px}.tarot-card-back{width:44px;height:70px;position:relative;background:linear-gradient(145deg,#2a1a3a,#1a1028);border:1px solid #8a6d2a;border-radius:4px}.tarot-card-back:after{content:"✦";color:#8a6d2a;font-size:14px;opacity:.6;position:static}.tarot-card-back:before{position:absolute;inset:3px;border:1px solid rgba(212,168,75,.3);border-radius:2px}.tarot-result-row{gap:12px}.tarot-drawn{width:100%;max-width:300px}.tarot-card-face{width:130px;height:208px}.spread-select{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.spread-select::-webkit-scrollbar{display:none}.spread-option{flex:0 0 auto;padding:10px 14px;background:#f8f5ee;border:1px solid #ddd;border-radius:8px;cursor:pointer}.spread-option.selected{background:#fdf6e3;border-color:#8a6d2a}.palm-upload-area{margin:16px 12px;border:2px dashed #ccc;border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer}.palm-progress{margin:16px 12px}.palm-step{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.palm-step.done{color:#4caf50}.palm-step.active{color:#4c5fd0;font-weight:600}.palm-step.pending{color:#bbb}.palm-result-canvas{width:100%;border-radius:14px;margin:12px;max-width:calc(100% - 24px)}.learn-path-card{margin:10px 12px;padding:16px;background:linear-gradient(135deg,#4c5fd0,#764ba2);border-radius:14px;color:#fff}.learn-doc-item{display:flex;gap:12px;padding:14px;margin:8px 12px;background:#fff;border-radius:12px;cursor:pointer}.learn-doc-cover{width:64px;height:64px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px}.learn-doc-info{flex:1;min-width:0}.learn-doc-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.learn-doc-meta{font-size:12px;color:#767676;display:flex;gap:10px}.publish-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.publish-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.publish-images{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.publish-img-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.publish-img-add{aspect-ratio:1;border:1.5px dashed #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#ccc;cursor:pointer}.publish-title-input{margin:0 12px;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;font-size:17px;font-weight:600;padding:12px 0}.publish-content-input{margin:0 12px;border:none;min-height:200px;font-size:15px;line-height:1.7;resize:none}.profile-hero{background:linear-gradient(135deg,#4c5fd0,#764ba2);padding:24px 20px 60px;color:#fff;text-align:center}.profile-avatar{width:72px;height:72px;border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 10px}.profile-name{font-size:20px;font-weight:700}.profile-bio{font-size:13px;opacity:.85;margin-top:4px}.profile-stats{display:flex;justify-content:center;gap:30px;margin-top:14px}.profile-stat-num{font-size:18px;font-weight:700}.profile-stat-label{font-size:11px;opacity:.8}.profile-grid{margin:-40px 12px 10px;background:#fff;border-radius:14px;padding:16px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 0;position:relative;z-index:2}.profile-grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.profile-grid-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.profile-grid-name{font-size:12px;color:#555}.record-card{display:flex;align-items:center;gap:12px;padding:14px;margin:8px 12px;background:#fff;border-radius:12px;cursor:pointer}.record-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.record-info{flex:1;min-width:0}.record-name{font-size:14px;font-weight:600;color:#333}.record-result{font-size:13px;color:#4c5fd0;margin-top:2px}.record-time{font-size:11px;color:#bbb}.login-page{min-height:100vh;background:linear-gradient(180deg,#f0f2ff,#fff 50%);padding:60px 24px}.login-logo{text-align:center;margin-bottom:40px}.login-logo-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#4c5fd0,#764ba2);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;margin:0 auto 12px}.login-tabs{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.login-tab{font-size:18px;color:#767676;padding:8px 0;cursor:pointer;position:relative}.login-tab.active{color:#333;font-weight:700}.login-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:#4c5fd0;border-radius:2px}.login-form-group{margin-bottom:16px}.login-input{height:50px;font-size:16px}.login-submit{width:100%;height:50px;background:linear-gradient(135deg,#4c5fd0,#764ba2);color:#fff;border:none;border-radius:25px;font-size:17px;font-weight:600;margin-top:10px}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:85vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:10px auto}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;z-index:2000;max-width:80%;text-align:center}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:60px 20px;color:#767676}.empty-state-icon{font-size:56px;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:14px}body.dark-mode{background:#121212!important}body.dark-mode .card,body.dark-mode .feed-card,body.dark-mode .cat-test-item,body.dark-mode .learn-doc-item,body.dark-mode .record-card,body.dark-mode .profile-grid{background:#1e1e1e!important}body.dark-mode .bottom-nav,body.dark-mode .feed-topbar{background:#1e1e1efa!important;border-color:#2a2a2a!important}}.xhs-header{position:sticky;top:0;z-index:100;background:#fff}.xhs-top-tabs{display:flex;align-items:center;justify-content:center;gap:32px;height:44px;padding:0 16px;position:relative}.xhs-top-tab{font-size:17px;color:#767676;cursor:pointer;padding:4px 0;position:relative}.xhs-top-tab.active{color:#1a1a1a;font-weight:700;font-size:18px}.xhs-top-tab.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:#ff2442;border-radius:2px}.xhs-search-icon{position:absolute;right:16px;font-size:22px;color:#333;cursor:pointer}.xhs-cat-tabs{display:flex;gap:20px;padding:8px 16px 10px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #f5f5f5}.xhs-cat-tabs::-webkit-scrollbar{display:none}.xhs-cat-tab{flex:0 0 auto;font-size:14px;color:#666;cursor:pointer;padding:2px 0}.xhs-cat-tab.active{color:#1a1a1a;font-weight:600}.waterfall-container{display:flex;gap:8px;padding:8px}.waterfall-col{flex:1;display:flex;flex-direction:column;gap:8px}.xhs-card{background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;break-inside:avoid}.xhs-card-img{width:100%;display:block;background:#f5f5f5;min-height:120px}.xhs-card-title{font-size:14px;line-height:1.4;color:#1a1a1a;padding:8px 10px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.xhs-card-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 10px}.xhs-card-author{display:flex;align-items:center;gap:5px;min-width:0}.xhs-card-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:#eee;display:flex;align-items:center;justify-content:center;font-size:10px}.xhs-card-name{font-size:12px;color:#767676;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xhs-card-like{display:flex;align-items:center;gap:3px;font-size:12px;color:#767676;flex-shrink:0}.xhs-card-like .heart{font-size:14px}.learn-overview-card{margin:12px;padding:18px;background:linear-gradient(135deg,#4c5fd0,#764ba2);border-radius:16px;color:#fff}.learn-overview-title{font-size:17px;font-weight:700;margin-bottom:14px}.learn-overview-stats{display:flex;justify-content:space-around;margin-bottom:18px}.learn-stat{text-align:center}.learn-stat-num{font-size:22px;font-weight:800}.learn-stat-label{font-size:11px;opacity:.85;margin-top:2px}.learn-path{background:#ffffff26;border-radius:12px;padding:12px}.learn-path-title{font-size:12px;opacity:.9;margin-bottom:10px}.learn-path-steps{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.learn-path-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.6}.learn-path-step.done,.learn-path-step.active{opacity:1}.learn-path-step.active .lps-icon{background:#ffffff4d;border-radius:50%;padding:4px}.lps-icon{font-size:18px}.lps-text{font-size:11px}.learn-path-line{flex:1;height:2px;background:#ffffff4d;margin:0 8px;max-width:40px}.learn-path-progress{height:4px;background:#fff3;border-radius:2px;overflow:hidden}.learn-path-fill{height:100%;background:#fff;border-radius:2px;transition:width .5s}.learn-search-bar{margin:0 12px 10px;display:flex;align-items:center;background:#fff;border-radius:20px;padding:10px 16px;gap:8px;box-shadow:0 1px 4px #0000000a}.learn-search-icon{font-size:16px}.learn-search-bar input{border:none;background:transparent;padding:0;min-height:auto;flex:1;font-size:14px}.learn-search-bar input:focus{outline:none;box-shadow:none}.learn-cats{display:flex;gap:8px;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;background:#f7f8fa;z-index:10}.learn-cats::-webkit-scrollbar{display:none}.learn-cat{flex:0 0 auto;padding:6px 16px;background:#fff;border-radius:16px;font-size:13px;color:#666;cursor:pointer;border:1px solid #eee}.learn-cat.active{background:#4c5fd0;color:#fff;border-color:#4c5fd0;font-weight:600}.learn-card{display:flex;gap:12px;padding:14px;margin:8px 12px;background:#fff;border-radius:14px;cursor:pointer;transition:transform .15s}.learn-card:active{transform:scale(.98)}.learn-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-weight:700;flex-shrink:0}.learn-card-info{flex:1;min-width:0}.learn-card-title{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px;display:flex;align-items:center;gap:6px}.learn-card-desc{font-size:12px;color:#767676;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.learn-card-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#bbb}.learn-difficulty{padding:1px 6px;border-radius:4px;font-size:10px}.learn-difficulty.beginner{background:#e8f5e9;color:#2e7d32}.learn-difficulty.intermediate{background:#fff3e0;color:#e65100}.learn-difficulty.advanced{background:#ffebee;color:#c62828}.learn-read-badge{color:#4caf50;font-size:10px;font-weight:600}.learn-detail-page{position:fixed;inset:0;background:#fff;z-index:500;display:none;flex-direction:column}.learn-detail-page.open{display:flex}.learn-read-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#f0f0f0;z-index:10}.learn-read-fill{height:100%;background:linear-gradient(90deg,#4c5fd0,#764ba2);width:0%;transition:width .1s}.learn-detail-topbar{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;gap:12px;padding-top:calc(12px + env(safe-area-inset-top))}.learn-detail-back{font-size:22px;cursor:pointer;color:#333;width:32px}.learn-detail-title{flex:1;font-size:16px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-detail-actions{display:flex;gap:16px;color:#666}.learn-detail-body{flex:1;overflow-y:auto;padding:20px 20px 30px;font-size:16px;line-height:1.9;color:#333;-webkit-overflow-scrolling:touch}.learn-detail-body h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:24px 0 12px;padding-left:10px;border-left:3px solid #4c5fd0}.learn-detail-body p{margin-bottom:14px}.learn-detail-body b{color:#4c5fd0}.learn-detail-body .learn-anno{background:#f8f9ff;padding:12px 14px;border-radius:10px;font-size:13px;color:#707070;margin-top:20px}.learn-detail-footer{padding:16px 20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid #f0f0f0;background:#fafafa}.learn-related-title{font-size:14px;font-weight:700;color:#333;margin-bottom:10px}.learn-related-item{padding:10px 14px;background:#fff;border-radius:10px;margin-bottom:6px;font-size:14px;color:#4c5fd0;cursor:pointer}.video-player-page{position:fixed;inset:0;background:#fff;z-index:600;display:none;flex-direction:column}.video-player-page.open{display:flex}.video-topbar{display:flex;align-items:center;padding:12px 16px;background:#000;color:#fff;gap:12px;padding-top:calc(12px + env(safe-area-inset-top))}.video-back{font-size:22px;cursor:pointer;width:32px}.video-title{flex:1;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-save{font-size:20px;cursor:pointer;color:#fff}.video-container{width:100%;background:#000;aspect-ratio:16/9;max-height:40vh}.video-info{flex:1;overflow-y:auto;padding:16px 20px calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.video-info-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.4}.video-info-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:#767676;margin-bottom:16px}.video-info-desc{font-size:15px;line-height:1.8;color:#333}.video-info-desc h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:20px 0 10px;padding-left:10px;border-left:3px solid #4c5fd0}.video-info-desc p{margin-bottom:12px}.video-related{margin-top:20px}.learn-card-video .learn-card-icon{position:relative}.video-container{width:100%;aspect-ratio:16/9;max-height:40vh;position:relative;cursor:pointer;overflow:hidden}.video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.video-cover-icon{width:64px;height:64px;border-radius:50%;background:#ffffffe6;color:#333;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 20px #0000004d}.video-cover-title{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5);padding:0 20px;text-align:center}.video-playing-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.video-playing-icon{font-size:40px;color:#ffffff4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.video-controls{background:#000;padding:8px 16px 12px}.video-progress-bar{height:4px;background:#fff3;border-radius:2px;position:relative;cursor:pointer;margin-bottom:8px}.video-progress-fill{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .1s linear}.video-progress-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;left:0%;box-shadow:0 1px 4px #0006}.video-control-row{display:flex;align-items:center;justify-content:space-between}.video-time{color:#ffffffb3;font-size:12px;min-width:40px}.video-play-btn{color:#fff;font-size:14px;font-weight:600;cursor:pointer;padding:4px 16px;background:#ffffff26;border-radius:14px}.video-playing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden}.video-playing-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(240,147,251,.15) 0%,transparent 60%);animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.video-waveform{display:flex;align-items:flex-end;gap:4px;height:60px;margin-bottom:16px;position:relative;z-index:2}.video-wave-bar{width:6px;background:linear-gradient(180deg,#4c5fd0,#764ba2);border-radius:3px;animation:waveAnim 1s ease-in-out infinite}.video-wave-bar:nth-child(1){animation-delay:0s;height:30%}.video-wave-bar:nth-child(2){animation-delay:.1s;height:60%}.video-wave-bar:nth-child(3){animation-delay:.2s;height:90%}.video-wave-bar:nth-child(4){animation-delay:.3s;height:50%}.video-wave-bar:nth-child(5){animation-delay:.4s;height:80%}.video-wave-bar:nth-child(6){animation-delay:.5s;height:40%}.video-wave-bar:nth-child(7){animation-delay:.6s;height:70%}.video-wave-bar:nth-child(8){animation-delay:.7s;height:55%}.video-wave-bar:nth-child(9){animation-delay:.8s;height:85%}.video-wave-bar:nth-child(10){animation-delay:.9s;height:35%}@keyframes waveAnim{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.video-playing-title{color:#fff;font-size:16px;font-weight:600;text-align:center;padding:0 30px;position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.video-playing-subtitle{color:#fff9;font-size:12px;margin-top:6px;position:relative;z-index:2}.video-sparkle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:sparkleFloat 4s ease-in-out infinite}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.5);opacity:.8}}.pwa-update-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(80px);background:linear-gradient(135deg,#7b4fd0,#9c69e2);color:#fff;padding:12px 28px;border-radius:28px;font-size:14px;font-weight:600;box-shadow:0 8px 24px #7b4fd073;z-index:9999;opacity:0;transition:all .4s ease;cursor:pointer;letter-spacing:1px;white-space:nowrap}.pwa-update-toast.show{opacity:1;transform:translate(-50%) translateY(0)}

/* === 星夜·玄境 设计令牌（V2 Phase1 基础设施） === */
:root{--xj-bg:#0f1220;--xj-bg-elev:#141a2c;--xj-card:#1a2036;--xj-card-border:rgba(212,168,75,0.22);--xj-ink:#f4f1ea;--xj-ink-muted:#a9a8b8;--brand-gold:#d4a84b;--brand-violet:#8e7cc3;--xj-ok:#22c55e;--xj-warn:#e8c97a;--xj-err:#e05a4e;--xj-radius:14px;--xj-shadow:0 8px 24px rgba(0,0,0,0.35);--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;}

/* === 今日页样式 === */
.today-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#0f1220,#1a2036);color:#f4f1ea;border-radius:0 0 14px 14px;margin-bottom:12px;}
.today-brand{font-size:20px;font-weight:700;color:#d4a84b;letter-spacing:2px;}
.today-date{font-size:13px;color:#a9a8b8;}
.today-checkin{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:rgba(212,168,75,0.15);color:#d4a84b;font-size:13px;cursor:pointer;position:relative;transition:transform .2s;}
.today-checkin:active{transform:scale(0.95);}
.today-checkin-dot{width:8px;height:8px;border-radius:50%;background:#e05a4e;display:block;position:absolute;top:-2px;right:-2px;}

/* 快捷测算宫格 */
.page-view[id="page-today"] .quick-tests{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 16px;}
.page-view[id="page-today"] .quick-tests .quick-test-item{text-align:center;cursor:pointer;padding:14px 8px;border-radius:14px;background:#f5f0e6;transition:transform .2s,box-shadow .2s;}
.page-view[id="page-today"] .quick-tests .quick-test-item:active{transform:scale(0.96);}

/* AI助手入口 - 场景化引导 */
.page-view[id="page-today"] .wcai-entry-sub{font-size:13px;color:#a9a8b8;}

/* 精选内容 */
.today-curated{padding:16px;}
.today-curated-title{font-size:16px;font-weight:600;margin-bottom:12px;color:#1a2332;}
.today-curated-list{display:flex;flex-direction:column;gap:10px;}
.today-curated-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.06);cursor:pointer;transition:transform .2s;}
.today-curated-item:active{transform:scale(0.98);}
.today-curated-item-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(142,124,195,0.15);color:#6a5acd;white-space:nowrap;}
.today-curated-item-title{font-size:14px;color:#1a2332;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}

/* 社区页搜索栏 */
.page-view[id="page-community"] .feed-topbar{padding:12px 16px;background:#fff;position:sticky;top:0;z-index:10;}

/* 页面切换动画 */
.page-view{animation:wcFadeIn 160ms ease-out;}
@keyframes wcFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce){.page-view{animation:none;}}

/* 底部导航6项适配 */
.bottom-nav{justify-content:space-around;}
.bottom-nav-item{flex:1;}

/* 卡片按压动效 */
.almanac-card,.daily-fortune{transition:transform .2s;}
.almanac-card:active,.daily-fortune:active{transform:scale(0.98);}

/* === 星夜·玄境 主题覆盖层（V2 Phase3 - 2026-10-21） === */
/* 重定义旧令牌为星夜色值，使所有 var(--ink) 等引用自动迁移 */
:root{--ink:#f4f1ea;--ink-light:#a9a8b8;--cinnabar:#e05a4e;--cinnabar-light:#e05a4e;--gold:#d4a84b;--gold-light:#e8c97a;--paper:#0f1220;--paper-dark:#1a2036;--text-dark:#f4f1ea;--text-muted:#a9a8b8;--jade:#22c55e}
body{background:#0f1220 !important;color:#f4f1ea !important}
.container{max-width:480px}
/* 底部导航 */
.bottom-nav{background:#0d1020 !important;border-top:1px solid rgba(212,168,75,0.15) !important;box-shadow:0 -4px 20px rgba(0,0,0,0.4) !important}
.bottom-nav-item{color:#a9a8b8 !important}
.bottom-nav-item.active{color:#d4a84b !important}
.bottom-nav-publish-btn{background:linear-gradient(135deg,#d4a84b,#b98c33) !important;color:#0f1220 !important;box-shadow:0 4px 16px rgba(212,168,75,0.4) !important}
/* 卡片 */
.card{background:linear-gradient(145deg,rgba(26,32,54,0.95),rgba(15,18,32,0.98)) !important;border:1px solid rgba(212,168,75,0.22) !important;border-radius:14px !important;box-shadow:0 8px 24px rgba(0,0,0,0.35) !important}
/* 表单 */
.form-input,.login-input{background:#141a2c !important;border:1px solid rgba(212,168,75,0.15) !important;color:#f4f1ea !important;border-radius:10px !important}
.form-input::placeholder,.login-input::placeholder{color:#5a5870 !important}
.form-input:focus,.login-input:focus{border-color:#d4a84b !important;box-shadow:0 0 0 3px rgba(212,168,75,0.12) !important}
.form-label{color:#d4a84b !important}
.form-label .label-num{border-color:#d4a84b !important;color:#d4a84b !important}
/* 测算页Tab */
.tab-nav{border-bottom-color:rgba(212,168,75,0.15) !important}
.tab-btn{color:#a9a8b8 !important}
.tab-btn.active{color:#d4a84b !important;border-bottom-color:#d4a84b !important}
/* 测评卡片 */
.test-card{background:#1a2036 !important;border:1px solid rgba(212,168,75,0.12) !important;border-radius:14px !important}
.test-card-name{color:#f4f1ea !important}
.test-card-desc{color:#a9a8b8 !important}
.other-test-item{background:#1a2036 !important;border:1px solid rgba(212,168,75,0.1) !important}
.other-test-name{color:#f4f1ea !important}
.other-test-count{color:#a9a8b8 !important}
/* 社区 */
.community-post{background:#1a2036 !important;border:1px solid rgba(212,168,75,0.1) !important;border-radius:12px !important}
.community-text{color:#a9a8b8 !important}
.community-tag{background:rgba(142,124,195,0.15) !important;color:#8e7cc3 !important}
.category-tab{background:#141a2c !important;color:#a9a8b8 !important}
.category-tab.active{background:#d4a84b !important;color:#0f1220 !important}
/* 个人中心 */
.profile-stat{background:#1a2036 !important;border-radius:12px !important}
.profile-stat-num{color:#d4a84b !important}
.profile-name{color:#f4f1ea !important}
.profile-id{color:#a9a8b8 !important}
.profile-avatar{background:linear-gradient(135deg,#d4a84b,#8e7cc3) !important}
.record-card{background:#1a2036 !important;border:1px solid rgba(212,168,75,0.1) !important;border-radius:12px !important}
.record-type{color:#d4a84b !important}
.record-time{color:#a9a8b8 !important}
/* 登录 */
.login-tab{color:#a9a8b8 !important}
.login-tab.active{color:#d4a84b !important;border-bottom-color:#d4a84b !important}
/* 首页 */
.home-hero-title{color:#f4f1ea !important}
.home-hero-sub{color:#a9a8b8 !important}
.home-section-title{color:#f4f1ea !important;border-left-color:#d4a84b !important}
/* 精选内容 */
.today-curated-item{background:#1a2036 !important;box-shadow:0 2px 8px rgba(0,0,0,0.2) !important}
.today-curated-item-title{color:#f4f1ea !important}
.today-curated-title{color:#f4f1ea !important}
/* 页脚 */
footer{color:#a9a8b8 !important}
footer a{color:#8e7cc3 !important}
/* 测评选项 */
.mbti-option,.iq-option,.career-dim-card,.bazi-pillar,.abo-type-card{background:#141a2c !important;border:1px solid rgba(212,168,75,0.15) !important;border-radius:12px !important}
.mbti-option-text,.iq-question-content{color:#f4f1ea !important}
.mbti-question-text{color:#f4f1ea !important}
.mbti-option:hover{border-color:#d4a84b !important;background:rgba(212,168,75,0.08) !important}
.iq-option:hover{border-color:#d4a84b !important;background:rgba(212,168,75,0.08) !important}
.iq-timer{background:#141a2c !important;border:1px solid rgba(212,168,75,0.12) !important}
.iq-timer-num{color:#d4a84b !important}
/* 塔罗 */
.tarot-card-back{background:linear-gradient(145deg,#1a2036,#0f1220) !important;border-color:rgba(212,168,75,0.3) !important}
.spread-option{background:#141a2c !important;border:1px solid rgba(212,168,75,0.15) !important}
.spread-option.selected{border-color:#d4a84b !important;background:rgba(212,168,75,0.1) !important}
/* 按钮 */
.btn-divine{background:linear-gradient(135deg,#d4a84b,#b98c33) !important;color:#0f1220 !important;border-radius:14px !important}
.btn-reset{border-color:rgba(212,168,75,0.3) !important;color:#d4a84b !important}
/* 品牌 */
.brand-name{color:#d4a84b !important}
.brand-sub{color:#a9a8b8 !important}
.divider{background:linear-gradient(90deg,transparent,#d4a84b,transparent) !important}
/* 签到日历 */
.wc-cal-card{background:#1a2036 !important;border:1px solid rgba(212,168,75,0.15) !important}
.wc-cal-title{color:#f4f1ea !important}
.wc-cal-cell{background:#141a2c !important;color:#a9a8b8 !important}
.wc-cal-cell.is-off{background:#141a2c !important;color:#5a5870 !important}
.wc-cal-cell.is-on{background:linear-gradient(135deg,#d4a84b,#b98c33) !important;color:#0f1220 !important}
.wc-cal-sub,.wc-cal-legend{color:#a9a8b8 !important}
/* loading */
.loading-overlay{background:rgba(15,18,32,0.92) !important}
.loading-text{color:#d4a84b !important}
/* 分享面板 */
.share-panel{background:#1a2036 !important}
.share-title{color:#f4f1ea !important}
.share-cancel{background:#141a2c !important;color:#a9a8b8 !important}
/* 暗色模式覆盖：统一为星夜主题，不再需要单独dark-mode */
body.dark-mode .wc-cal-card,body.dark-mode .wcai-sheet,body.dark-mode .wcai-body{background:#1a2036}
/* 结果页 */
.result-type-display{background:linear-gradient(135deg,#0f1220,#1a2036) !important}
.mbti-result-type,.iq-result-score,.career-top-code{background:linear-gradient(135deg,#d4a84b,#e8c97a) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}
.overall-score{background:rgba(212,168,75,0.08) !important;border-color:rgba(212,168,75,0.2) !important}
/* 社区输入 */
.feed-topbar{background:#0f1220 !important}
/* 权益/设置 */
.profile-header{background:transparent}
/* 骨架屏适配 */
@keyframes wcShimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}
.wc-skeleton{background:#141a2c !important;background-image:linear-gradient(90deg,#141a2c 0px,#1a2036 40px,#141a2c 80px) !important;background-repeat:no-repeat !important;animation:wcShimmer 1.5s infinite linear !important;border-radius:8px}
/* 空状态 */
.wc-empty{text-align:center;padding:40px 20px;color:#a9a8b8}
.wc-empty svg{width:48px;height:48px;opacity:0.3;margin-bottom:8px}
.wc-empty p{font-size:13px;color:#a9a8b8}