:root{--paper:#f7f1ea;--paper-deep:#eadfd4;--ink:#282421;--muted:#796f68;--red:#b53d4b;--blue:#5f7888;--gold:#b99562;--line:rgba(65,48,42,.14);--white:#fffdf9}
*{box-sizing:border-box}html{background:#d8d0c9}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;background:radial-gradient(circle at 50% 0,#fff 0,#eee5dd 54%,#d9cec5 100%)}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.25;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.app{width:min(100%,540px);min-height:100vh;margin:auto;background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(247,241,234,.86));box-shadow:0 0 70px rgba(60,42,34,.17);overflow:hidden}.screen{display:none;min-height:100vh;padding:42px 30px 54px;position:relative;animation:enter .55s cubic-bezier(.2,.75,.25,1) both}.screen.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.welcome{padding-top:76px;text-align:left}.welcome:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(181,61,75,.13);border-radius:50%;right:-235px;top:115px;box-shadow:0 0 0 38px rgba(95,120,136,.035),0 0 0 75px rgba(181,61,75,.025)}.issue{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--ink);font-family:Georgia,serif;font-size:10px;letter-spacing:2px}.issue b{color:var(--red)}.eyebrow{font-family:Georgia,"Times New Roman",serif;letter-spacing:2.6px;font-size:10px;color:var(--red);text-transform:uppercase}.welcome h1{font-size:48px;line-height:1.35;font-weight:500;letter-spacing:3px;margin:42px 0 22px;position:relative;z-index:1}.welcome h1 em{font-style:normal;color:var(--red);position:relative}.welcome h1 em:after{content:"";position:absolute;height:8px;left:-4px;right:-3px;bottom:3px;background:rgba(181,61,75,.12);transform:rotate(-2deg);z-index:-1}.lead{max-width:365px;color:var(--muted);line-height:2;font-size:15px;margin:0 0 35px}.orbit{position:absolute;width:90px;height:90px;right:28px;top:70px;border:1px solid rgba(95,120,136,.35);border-radius:50%;animation:spin 16s linear infinite}.orbit:after{content:"";position:absolute;inset:12px;border:1px solid rgba(181,61,75,.22);border-radius:50%}.orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);left:39px;top:-4px}.orbit i:nth-child(2){background:var(--blue);left:7px;top:68px}.orbit i:nth-child(3){background:var(--gold);left:77px;top:55px}@keyframes spin{to{transform:rotate(360deg)}}.primary{width:100%;border:0;background:var(--ink);color:#fffaf5;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;letter-spacing:2px;cursor:pointer;box-shadow:0 12px 28px rgba(44,35,31,.16);transition:.2s}.primary:hover{transform:translateY(-2px);background:var(--red)}.primary span{font-size:20px}.quiet{border:0;background:none;display:block;margin:16px auto;padding:7px 2px;color:var(--muted);border-bottom:1px solid var(--line);cursor:pointer}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;padding:18px 0}.intro-grid div{text-align:center;border-right:1px solid var(--line)}.intro-grid div:last-child{border:0}.intro-grid b{display:block;font:italic 28px Georgia;color:var(--red)}.intro-grid span{font-size:10px;color:var(--muted)}.fine{text-align:center;color:#9a8f87;font-size:10px;margin-top:28px}.gate{align-items:center}.gate.active{display:flex}.letter-card{width:100%;padding:42px 28px;background:rgba(255,253,249,.8);border:1px solid var(--line);box-shadow:0 25px 70px rgba(62,46,38,.14);position:relative}.letter-card:before{content:"PRIVATE / 仅供本人开启";position:absolute;right:-25px;top:40px;transform:rotate(90deg);font:9px Georgia;letter-spacing:1px;color:var(--gold)}.letter-card h2{font-size:27px;font-weight:500;margin:20px 0 10px}.letter-card>p{color:var(--muted);line-height:1.7;font-size:13px}.letter-card label{display:block;margin:30px 0 5px}.letter-card label span{font-size:11px;color:var(--muted);letter-spacing:2px}.letter-card input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:13px 2px;text-align:center;letter-spacing:3px;font-size:18px;outline:none;text-transform:uppercase}.error{height:22px;color:var(--red)!important;text-align:center}.demo{text-align:center;margin-top:30px;padding:12px;border:1px dashed var(--line);font-size:11px;color:var(--muted)}.demo strong{margin-left:8px;color:var(--red);letter-spacing:2px}.quiz-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:18px}.quiz-head>span{border:1px solid var(--red);color:var(--red);font-size:10px;line-height:1.4;text-align:center;padding:5px}.round{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:20px;color:var(--muted);cursor:pointer}.quiz-head p{text-align:center;font:12px Georgia;letter-spacing:2px;margin:0}.bar{height:2px;background:var(--line);margin-top:10px}.bar i{display:block;height:100%;background:var(--red);width:4%;transition:.3s}.question{padding-top:62px}.question h2{font-size:25px;font-weight:500;line-height:1.7;min-height:128px;margin:20px 0 30px}.options{display:grid;gap:12px}.option{border:1px solid var(--line);background:rgba(255,253,249,.62);padding:16px 17px;text-align:left;display:grid;grid-template-columns:29px 1fr;line-height:1.55;color:var(--ink);cursor:pointer;transition:.18s}.option b{font:italic 16px Georgia;color:var(--red)}.option:hover{transform:translateX(4px);border-color:var(--blue);background:#fff}.option.chosen{color:white;background:var(--red);border-color:var(--red)}.option.chosen b{color:white}.hint{text-align:center;color:var(--muted);font-size:10px;margin-top:28px}.loading{text-align:center;padding-top:34vh}.loading h2{font-size:25px;font-weight:500;letter-spacing:2px}.loading>p:last-child{font-size:12px;color:var(--muted)}.pulse{width:88px;height:88px;border:1px solid rgba(181,61,75,.28);border-radius:50%;margin:0 auto 35px;display:grid;place-items:center;animation:pulse 1.8s ease-in-out infinite}.pulse i{width:30px;height:30px;background:var(--red);transform:rotate(45deg);border-radius:20px 20px 4px 20px}@keyframes pulse{50%{transform:scale(1.12);box-shadow:0 0 0 18px rgba(181,61,75,.035)}}.result{padding:0 17px 50px}.result-cover{min-height:590px;margin:0 -17px;padding:50px 30px;text-align:center;color:#f9f3eb;background:linear-gradient(155deg,#273039 0,#334652 48%,#243037 100%);position:relative;overflow:hidden}.result-cover:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-165px;bottom:-40px;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.018)}.result-cover .eyebrow{color:#d9c19e}.result-kicker{font-size:12px;letter-spacing:3px;margin-top:52px;color:#d6dadd}.result-number{font:italic 72px Georgia;color:rgba(255,255,255,.08);height:42px}.result-cover h2{font-size:41px;font-weight:500;letter-spacing:5px;margin:15px 0 5px}.result-title{color:#d7bd98;letter-spacing:2px}.result-quote{font-size:16px;line-height:2;margin:42px auto 30px;max-width:360px}.tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tags span{border:1px solid rgba(215,189,152,.45);border-radius:20px;padding:6px 11px;font-size:10px;color:#e8d7bf}.report{margin-top:15px;padding:29px 20px;background:rgba(255,253,249,.74);border:1px solid var(--line)}.section-no{font:10px Georgia;color:var(--red);letter-spacing:2px}.report h3{font-size:22px;font-weight:500;margin:12px 0 16px}.report>p:not(.section-no){font-size:14px;line-height:2;color:#615a55}canvas{width:100%;height:auto;display:block}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dimension{padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.35)}.dimension header{display:flex;justify-content:space-between;font-size:11px}.dimension strong{color:var(--red)}.dimension p{font-size:9px;line-height:1.6;color:var(--muted);margin-bottom:0}.contrast{background:#efe4dc}.insight{margin-top:18px;padding:17px;border-top:1px solid var(--line)}.insight b{font-size:12px;color:var(--blue)}.insight p{font-size:12px;line-height:1.85;color:var(--muted)}.insight.accent{background:var(--white);border-left:3px solid var(--red)}.actions{padding:26px 8px}.share-modal{display:none;position:fixed;inset:0;background:rgba(27,24,22,.78);z-index:10;padding:24px;overflow:auto}.share-modal.show{display:block}.share-panel{width:min(100%,420px);margin:auto;position:relative;text-align:center}.share-panel>button{position:absolute;right:-5px;top:-12px;width:34px;height:34px;border:0;border-radius:50%;background:white;font-size:20px;z-index:2}.share-panel canvas{background:#f7f1ea;box-shadow:0 18px 60px rgba(0,0,0,.3)}.share-panel p{color:white;font-size:12px}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,20px);background:#292522;color:#fff;padding:11px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.deep-report{padding-bottom:20px}.reading-list{counter-reset:reading}.reading-block{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:22px 0;border-top:1px solid var(--line)}.reading-block:before{counter-increment:reading;content:"0" counter(reading);font:italic 16px Georgia;color:var(--gold);padding-top:2px}.reading-block h4{margin:0 0 9px;font-size:14px;font-weight:600;letter-spacing:1px}.reading-block p{margin:0;color:#625a55;font-size:13px;line-height:2;text-align:justify}
.legal-links{display:flex;justify-content:center;gap:18px}.legal-links button{border:0;background:none;color:#8d827a;font-size:10px;text-decoration:underline;cursor:pointer}.legal-modal{display:none;position:fixed;inset:0;background:rgba(27,24,22,.72);z-index:12;padding:25px;overflow:auto}.legal-modal.show{display:grid;place-items:center}.legal-modal article{width:min(100%,470px);background:var(--paper);padding:35px 28px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25)}.legal-modal article>button{position:absolute;right:16px;top:14px;border:0;background:none;font-size:22px}.legal-modal h3{font-size:22px;font-weight:500}.legal-modal p{font-size:12px;line-height:1.9;color:var(--muted)}
@media(min-width:700px){body{padding:24px 0}.app{min-height:calc(100vh - 48px)}.screen{min-height:calc(100vh - 48px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}