:root{--background:#f5f2eb;--surface:#ffffff;--surface-soft:#faf8f3;--border:#ddd7ca;--border-strong:#c7bead;--text:#26231e;--text-soft:#736d63;--primary:#3e4d42;--primary-hover:#29352d;--accent:#a8763e;--warning:#9d5d45;--shadow:0 12px 32px rgba(43,38,29,0.06)}*{box-sizing:border-box}html{background:var(--background)}body{background:radial-gradient(circle at top right,rgba(168,118,62,.08),transparent 30%),var(--background);color:var(--text);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.page-shell{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:52px 0 70px}.site-header{padding:16px 4px 34px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.18em}.site-header h1{margin:0;font-size:clamp(36px,5vw,58px);font-weight:700;letter-spacing:-.04em}.header-description{max-width:720px;margin:16px 0 0;color:var(--text-soft);font-size:16px;line-height:1.8}.panel{margin-bottom:22px;padding:26px;background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2{margin:0;font-size:21px}.section-heading p{margin:2px 0 0;color:var(--text-soft);font-size:14px}.section-number{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.birth-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:10px;min-width:0}.field-label{font-size:14px;font-weight:700}.field input[type=date],.field input[type=time],.field select{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--border-strong);border-radius:10px;background:#fff;color:var(--text);outline:none}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(62,77,66,.1)}.input-disabled{background:#eeeae2!important;color:#aaa49a!important}.field-hint{color:var(--warning);font-size:12px;line-height:1.6}.radio-group{display:flex;min-height:46px;align-items:center;gap:8px}.radio-group label{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;cursor:pointer}.form-actions{display:flex;align-items:center;gap:16px}.primary-button{min-height:46px;padding:0 28px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;transition:background .2s ease}.primary-button:hover{background:var(--primary-hover)}.prototype-message{color:var(--text-soft);font-size:13px}.warning-text{color:var(--warning)!important;font-weight:600}.chart-scroll{overflow-x:auto;padding-bottom:4px}.bazi-chart{min-width:1050px;overflow:hidden;border:1px solid var(--border);border-radius:14px}.chart-row{display:grid;grid-template-columns:110px repeat(7,minmax(130px,1fr))}.chart-row:not(:last-child){border-bottom:1px solid var(--border)}.chart-cell,.chart-header-cell,.chart-label-cell{display:flex;min-height:62px;align-items:center;justify-content:center;padding:12px 10px;text-align:center}.chart-label-cell{justify-content:flex-start;background:#eeeae1;color:#625d54;font-size:13px;font-weight:700}.chart-header-cell{background:var(--primary);color:white;font-size:14px;font-weight:700}.chart-cell:not(:last-child),.chart-header-cell:not(:last-child){border-right:1px solid var(--border)}.chart-header-row .chart-label-cell{background:var(--primary)}.chart-cell{background:#fff}.important-row .chart-cell{min-height:84px}.branch-cell,.stem-cell{font-family:"Noto Serif TC",PMingLiU,serif;font-size:32px;font-weight:700}.muted{color:#9b958b;font-size:13px}.hidden-stem-row .chart-cell{min-height:104px}.hidden-stem-cell{flex-direction:column;gap:5px;color:var(--text-soft);font-size:12px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.analysis-grid .panel{margin-bottom:22px}.empty-analysis{min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:20px;background:var(--surface-soft);border:1px dashed var(--border-strong);border-radius:14px}.empty-analysis p{margin:0;color:var(--text-soft);font-size:13px;text-align:center}.flow-preview{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.flow-preview span{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:#fff;font-weight:700}.flow-preview b{color:var(--accent)}.relation-placeholder{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.relation-placeholder div{display:flex;min-height:82px;flex-direction:column;justify-content:center;gap:7px;padding:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:11px}.relation-placeholder strong{font-size:14px}.relation-placeholder span{color:var(--text-soft);font-size:12px}.timeline-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:7px}.timeline-card{flex:0 0 130px;min-height:120px;padding:16px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);text-align:left}.timeline-card:hover{border-color:var(--primary);background:var(--surface-soft)}.timeline-card.compact{min-height:108px}.timeline-card small,.timeline-card span,.timeline-card strong{display:block}.timeline-card strong{margin:12px 0 7px;font-size:21px}.timeline-label{font-size:11px}.timeline-card small,.timeline-label{color:var(--text-soft)}.month-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.month-card{min-height:112px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);text-align:left}.month-card:hover{border-color:var(--primary);background:var(--surface-soft)}.month-card small,.month-card span,.month-card strong{display:block}.month-card span{color:var(--text-soft);font-size:11px}.month-card strong{margin:11px 0 7px;font-size:20px}.month-card small{color:var(--text-soft);font-size:11px}.site-footer{padding:18px 0 0;color:var(--text-soft);font-size:12px;text-align:center}@media (max-width:1050px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.page-shell{width:min(100% - 24px,1480px);padding-top:28px}.panel{padding:18px;border-radius:14px}.section-heading{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.primary-button{width:100%}.relation-placeholder{grid-template-columns:repeat(2,1fr)}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--washi:#f1ede3;--washi-light:#faf8f2;--washi-dark:#e8e1d4;--sumi:#24211d;--sumi-soft:#514b43;--sumi-muted:#8b8174;--shu:#9d3f32;--matcha:#53634c;--ai:#485f6e;--gold:#8a7049;--line:rgba(55,48,40,0.16)}html{min-height:100%;background:var(--washi)}body{position:relative;min-height:100vh;margin:0;color:var(--sumi);background:radial-gradient(ellipse at 8% 5%,rgba(36,33,29,.1) 0,rgba(36,33,29,.03) 18%,transparent 38%),radial-gradient(ellipse at 94% 25%,rgba(36,33,29,.07) 0,transparent 31%),radial-gradient(ellipse at 10% 88%,rgba(157,63,50,.035) 0,transparent 28%),linear-gradient(180deg,#f7f4ec,#f0ebe0 52%,#ebe4d8);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}body:before{inset:0;z-index:-2;opacity:.28;background-image:repeating-linear-gradient(0deg,rgba(67,58,48,.025),rgba(67,58,48,.025) 1px,transparent 0,transparent 5px),repeating-linear-gradient(90deg,rgba(67,58,48,.018),rgba(67,58,48,.018) 1px,transparent 0,transparent 7px)}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{z-index:-1;width:470px;height:470px;right:-170px;top:90px;border-radius:46% 54% 61% 39%/42% 38% 62% 58%;background:radial-gradient(circle at 43% 45%,rgba(38,35,31,.12),rgba(38,35,31,.055) 26%,rgba(38,35,31,.018) 53%,transparent 70%);filter:blur(11px);transform:rotate(-14deg)}h1,h2,h3,h4,h5,h6{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif TC",PMingLiU,serif;color:var(--sumi)}h1{position:relative;display:inline-block;margin-bottom:12px;font-weight:700;letter-spacing:.08em}h1:after{content:"";display:block;width:72%;height:3px;margin-top:9px;border-radius:100%;background:linear-gradient(90deg,var(--sumi),rgba(36,33,29,.42) 68%,transparent);transform:rotate(-.4deg)}main article,main section{border-color:var(--line)!important}main section{position:relative}details,main article,main section{background-color:rgba(252,250,245,.83)}input,select{color:var(--sumi)!important;border-color:rgba(68,59,49,.22)!important;background:rgba(251,249,244,.88)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}input:focus,select:focus{outline:none;border-color:rgba(79,68,55,.48)!important;box-shadow:0 0 0 3px rgba(74,64,52,.07)}input[type=radio]{accent-color:#433c33}button{border-color:rgba(35,31,27,.18);color:#f9f6ef;background:linear-gradient(145deg,#39332c,#211e1a);box-shadow:0 6px 16px rgba(38,32,27,.11);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(38,32,27,.15)}hr{height:1px;border:0;background:linear-gradient(90deg,transparent,rgba(58,50,41,.22),transparent)}details{border-color:rgba(62,53,44,.15)!important;box-shadow:0 9px 28px rgba(46,39,32,.045)}summary{font-family:Yu Mincho,"Noto Serif TC",PMingLiU,serif}a{color:#55483d}a:hover{color:var(--shu)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:rgba(67,57,47,.04)}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(58,50,42,.31);background-clip:padding-box}::selection{color:#faf7ef;background:#4c443a}@media (max-width:700px){body:after{width:280px;height:280px;right:-130px;top:150px}h1{letter-spacing:.04em}}