/* 3927 ・ 三九爱妻 —— 共享样式
   设计纪律：「27」二字及算式落点用炭金，其余数字一律冷色；全站禁粉色系。
   标点纪律：分隔符统一 U+30FB ・，禁用 U+00B7。 */

:root{
  --night:#101726; --night2:#182233; --night3:#1F2C40; --night4:#27364D;
  --ice:#7FA3C7; --ice-dim:#4A6584;
  --ember:#D14B2C; --ember2:#E8674A; --amber:#E3A052;
  --text:#EFEBE3; --text2:#C3C8D0; --muted:#8C99AC;
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18);
  --serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;
  --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC","Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--night);color:var(--text);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--amber);text-decoration:none}
img{max-width:100%;display:block}

/* ===== 顶栏：桌面一行 / 手机两行 ===== */
header{position:sticky;top:0;z-index:99;background:rgba(16,23,38,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{max-width:1120px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:800;font-size:18px;white-space:nowrap}
.brand .bnum{background:linear-gradient(135deg,var(--ember),var(--ember2));color:#fff;border-radius:9px;padding:3px 10px;font-size:17px;letter-spacing:.06em}
.brand .bsub{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:.14em}
.menu{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.menu a{font-size:14.5px;color:var(--text2);border:1px solid transparent;border-radius:99px;padding:7px 16px;text-align:center;transition:.18s;white-space:nowrap}
.menu a:hover{color:#fff;background:rgba(255,255,255,.07);border-color:var(--line2)}
.menu a.cta{background:linear-gradient(135deg,var(--ember),var(--ember2));color:#fff;font-weight:700;border-color:transparent}
.menu a.cta:hover{filter:brightness(1.1)}
@media(max-width:820px){
  .nav{flex-direction:column;align-items:stretch;gap:10px}
  .brand-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
  .menu{justify-content:flex-start}
  .menu a{flex:1 1 auto;min-width:84px;padding:7px 10px}
}

/* ===== 通用 ===== */
section{scroll-margin-top:92px}
.wrap{max-width:1120px;margin:0 auto;padding:74px 24px}
.wrap.narrow{max-width:900px}
.sec-tag{display:inline-block;font-size:12.5px;color:var(--amber);background:rgba(227,160,82,.12);border:1px solid rgba(227,160,82,.28);border-radius:99px;padding:4px 15px;font-weight:700;letter-spacing:.14em}
h2{font-size:clamp(25px,3.4vw,32px);font-weight:800;margin:15px 0 12px;letter-spacing:.01em}
h3{font-size:18px;font-weight:700;margin:26px 0 8px;color:var(--text)}
.lead{color:var(--muted);max-width:660px;font-size:15.5px}
.hr{height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent);border:0;margin:0}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1100px 520px at 78% -8%,rgba(209,75,44,.30),transparent 62%),
  radial-gradient(760px 420px at 12% 108%,rgba(127,163,199,.16),transparent 66%),
  linear-gradient(160deg,#0D1320 0%,#141C2B 54%,#1B2333 100%)}
.hero::after{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);pointer-events:none}
.hero .wrap{padding:96px 24px 84px;text-align:center;position:relative;z-index:2}
.hero .digits{font-size:clamp(88px,17vw,168px);font-weight:800;letter-spacing:.05em;line-height:.98;font-family:var(--serif)}
.hero .digits b{color:var(--amber);font-weight:800}
.hero .eq{margin-top:16px;font-size:clamp(14px,2vw,17px);letter-spacing:.34em;color:var(--ice);font-weight:600}
.hero h1{font-size:clamp(23px,4.2vw,36px);margin-top:22px;font-weight:800;letter-spacing:.02em}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero .sub{margin:16px auto 0;color:var(--text2);max-width:600px;font-size:15.5px}
.countdown{margin:34px auto 0;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px}
.countdown .cd{background:rgba(255,255,255,.055);border:1px solid var(--line2);border-radius:13px;padding:11px 20px;min-width:132px}
.countdown .cd .k{font-size:11.5px;color:var(--muted);letter-spacing:.16em}
.countdown .cd .v{font-size:19px;font-weight:800;margin-top:2px;color:var(--text);font-family:var(--serif)}
.countdown .cd.hot{border-color:rgba(209,75,44,.55);background:rgba(209,75,44,.12)}
.countdown .cd.hot .v{color:var(--ember2)}
.hero .btnrow{margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;border-radius:99px;padding:12px 30px;font-weight:700;font-size:15px;transition:.18s;border:1px solid transparent}
.btn-main{background:linear-gradient(135deg,var(--ember),var(--ember2));color:#fff}
.btn-main:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn-ghost{border-color:var(--line2);color:var(--text2)}
.btn-ghost:hover{border-color:var(--ice);color:#fff}

/* ===== 三重自洽 ===== */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 8px}
.tile{background:linear-gradient(165deg,var(--night2),var(--night3));border:1px solid var(--line);border-radius:16px;padding:24px 22px;transition:.22s}
.tile:hover{border-color:var(--line2);transform:translateY(-2px)}
.tile .k{font-size:11.5px;color:var(--muted);letter-spacing:.18em}
.tile .v{font-family:var(--serif);font-size:clamp(22px,2.6vw,27px);font-weight:800;margin:8px 0 10px;color:var(--amber)}
.tile .d{font-size:13.8px;color:var(--text2);line-height:1.75}
.bigline{background:linear-gradient(120deg,#141C2B,#22303F 60%,#3A2118);border:1px solid rgba(227,160,82,.22);border-radius:18px;padding:44px 24px;text-align:center;margin:26px 0 0}
.bigline .l{font-family:var(--serif);font-size:clamp(26px,4.6vw,42px);font-weight:800;letter-spacing:.04em}
.bigline .l i{font-style:normal;color:var(--amber)}
.bigline .cap{margin-top:12px;font-size:13.5px;color:var(--muted)}

/* ===== 三九历 ===== */
.calwrap{background:var(--night2);border:1px solid var(--line);border-radius:18px;padding:26px 24px;margin-top:26px}
.calbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.calbar .who{font-size:15px;color:var(--text2)}
.calbar .who b{color:var(--amber);font-family:var(--serif);font-size:18px}
.calbar .ctl{display:flex;align-items:center;gap:8px}
.calbar select{background:var(--night3);color:var(--text);border:1px solid var(--line2);border-radius:9px;padding:8px 12px;font-size:14px;font-family:var(--sans)}
.days{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-top:20px}
.day{background:var(--night3);border:1px solid var(--line);border-radius:11px;padding:14px 4px;text-align:center}
.day .n{font-size:11px;color:var(--muted);letter-spacing:.1em}
.day .d{font-family:var(--serif);font-size:17px;font-weight:800;margin-top:3px}
.day .w{font-size:11px;color:var(--muted);margin-top:1px}
.day.today{border-color:var(--ember);background:rgba(209,75,44,.14);box-shadow:0 0 0 1px rgba(209,75,44,.35) inset}
.day.today .d{color:var(--ember2)}
.day.past{opacity:.45}
.calnote{margin-top:16px;font-size:12.5px;color:var(--muted);line-height:1.7}

/* ===== 九件小事 ===== */
.list{display:grid;gap:10px;margin-top:24px}
.item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;background:var(--night2);border:1px solid var(--line);border-radius:13px;padding:15px 18px;cursor:pointer;transition:.18s}
.item:hover{border-color:var(--line2);background:var(--night3)}
.item .idx{font-family:var(--serif);font-size:15px;font-weight:800;color:var(--ice);text-align:center;border-right:1px solid var(--line);padding-right:12px}
.item .txt{font-size:14.6px;color:var(--text)}
.item .cost{font-size:12px;color:var(--muted);white-space:nowrap}
.item.on{border-color:rgba(209,75,44,.5);background:rgba(209,75,44,.09)}
.item.on .txt{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(209,75,44,.7)}
.item.on .idx{color:var(--ember2)}
.progress{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.pbar{flex:1 1 220px;height:7px;background:var(--night4);border-radius:99px;overflow:hidden;min-width:160px}
.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ember),var(--amber));border-radius:99px;transition:width .3s}
.pnum{font-size:13.5px;color:var(--text2);font-family:var(--serif)}
.pnum b{color:var(--amber);font-size:17px}

/* ===== 故事 ===== */
.story{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
.story p{color:var(--text2);font-size:15px;margin:12px 0}
.story p b{color:var(--text)}
.verse{background:var(--night2);border-left:3px solid var(--ember);border-radius:0 12px 12px 0;padding:20px 24px;font-family:var(--serif);font-size:15.5px;line-height:2.1;color:var(--text);letter-spacing:.04em}
.verse span{color:var(--amber);font-weight:700}

/* ===== 立场 ===== */
.stand{background:linear-gradient(135deg,rgba(209,75,44,.13),rgba(24,34,51,.6));border:1px solid rgba(209,75,44,.25);border-radius:18px;padding:38px 34px;margin-top:26px}
.stand .q{font-family:var(--serif);font-size:clamp(21px,3vw,27px);font-weight:800;color:var(--text)}
.stand .q em{font-style:normal;color:var(--amber)}
.stand p{margin-top:12px;color:var(--text2);font-size:14.5px}

/* ===== 页脚 ===== */
footer{border-top:1px solid var(--line);background:#0C1220}
.fwrap{max-width:1120px;margin:0 auto;padding:46px 24px 34px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.fwrap h4{font-size:13px;color:var(--muted);letter-spacing:.16em;font-weight:700;margin-bottom:10px}
.fwrap a,.fwrap p{font-size:13.5px;color:var(--text2);display:block;margin:5px 0}
.fwrap a:hover{color:var(--amber)}
.fbrand{font-family:var(--serif);font-size:22px;font-weight:800;letter-spacing:.04em}
.fbrand b{color:var(--amber)}
.fbottom{max-width:1120px;margin:0 auto;padding:16px 24px 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ===== 策划案页（plan.html）===== */
.doc{max-width:900px;margin:0 auto;padding:56px 24px 90px}
.doc .hero{padding:44px 34px;border-radius:18px;text-align:left;margin-bottom:34px}
.doc .hero .digits{font-size:58px}
.doc .hero h1{font-size:24px;margin-top:12px}
.doc .hero p{color:var(--text2);font-size:14px;max-width:640px}
.doc .meta{margin-top:20px;display:flex;gap:9px;flex-wrap:wrap;font-size:12.5px}
.doc .meta span{background:rgba(255,255,255,.08);border:1px solid var(--line2);border-radius:99px;padding:4px 13px;color:var(--text2)}
.doc h2{font-size:20px;margin:46px 0 14px;padding-left:14px;border-left:4px solid var(--ember)}
.doc h3{font-size:15.5px;margin:24px 0 8px;color:var(--amber)}
.doc h4{font-size:14px;margin:16px 0 6px;color:var(--text)}
.doc p{margin:9px 0;color:var(--text2);font-size:14.8px}
.doc p b,.doc td b,.doc li b{color:var(--text)}
.doc table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.4px}
.doc th,.doc td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;color:var(--text2)}
.doc th{background:var(--night3);color:var(--text);font-weight:700;white-space:nowrap}
.doc tr:nth-child(even) td{background:rgba(255,255,255,.017)}
.doc .card{background:var(--night2);border:1px solid var(--line);border-radius:13px;padding:22px 24px;margin:14px 0}
.doc .quote{background:rgba(209,75,44,.09);border-left:3px solid var(--ember);border-radius:0 12px 12px 0;padding:18px 24px;margin:16px 0;font-size:14.5px;color:var(--text)}
.doc .quote b{color:var(--amber)}
.doc .em{background:rgba(209,75,44,.07);border-left:3px solid var(--ember);border-radius:0 12px 12px 0;padding:15px 20px;margin:14px 0;font-size:14.2px;color:var(--text2)}
.doc .cold{background:rgba(127,163,199,.09);border-left:3px solid var(--ice);border-radius:0 12px 12px 0;padding:15px 20px;margin:14px 0;font-size:14.2px;color:var(--text2)}
.doc .assume{background:rgba(227,160,82,.09);border-left:3px solid var(--amber);border-radius:0 12px 12px 0;padding:14px 20px;margin:14px 0;font-size:13.4px;color:var(--text2)}
.doc .formula{background:var(--night2);border:1.5px dashed rgba(209,75,44,.55);border-radius:13px;padding:17px 22px;margin:16px 0;text-align:center;font-size:14.5px;font-weight:600;color:var(--text);line-height:1.95}
.doc .grid3{margin:16px 0}
.doc .bigline{margin:20px 0;padding:32px 20px}
.doc .eqbig{text-align:center;background:#0C1220;border:1px solid var(--line);border-radius:14px;padding:26px 20px;margin:18px 0}
.doc .eqbig .l{font-family:var(--serif);font-size:clamp(22px,3.6vw,31px);font-weight:800;color:var(--text)}
.doc .eqbig .l i{font-style:normal;color:var(--amber)}
.doc .eqbig .cap{margin-top:9px;font-size:12.8px;color:var(--muted)}
.doc .tl{position:relative;padding-left:24px;margin:16px 0}
.doc .tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--ice),var(--ember))}
.doc .tl .item{display:block;background:none;border:0;padding:0 0 12px 0;cursor:default;font-size:13.8px;color:var(--text2);position:relative}
.doc .tl .item::before{content:"";position:absolute;left:-22px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--ember);border:2px solid var(--night)}
.doc .tl .item:hover{background:none;border:0}
.doc .small{font-size:12.3px;color:var(--muted);line-height:1.75}
.doc .ok{color:#5FBF8B;font-weight:700}
.doc .fix{color:#E8735A}
.doc .tag{display:inline-block;background:var(--night3);border:1px solid var(--line2);color:var(--text2);border-radius:99px;font-size:11.5px;padding:2px 10px;margin-right:6px}
.doc .tile{background:var(--night2)}
.doc .day{background:var(--night3)}

@media(max-width:900px){
  .grid3{grid-template-columns:1fr}
  .days{grid-template-columns:repeat(3,1fr)}
  .story{grid-template-columns:1fr;gap:24px}
  .fwrap{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .wrap{padding:52px 18px}
  .hero .wrap{padding:64px 18px 60px}
  .item{grid-template-columns:34px 1fr;row-gap:4px}
  .item .cost{grid-column:2;text-align:left}
  .fwrap{grid-template-columns:1fr}
  .doc{padding:32px 18px 70px}
  .doc .hero{padding:30px 22px}
}
@media print{
  header,.btnrow,.countdown{display:none}
  body{background:#fff;color:#111}
  .doc p,.doc td,.doc th{color:#222}
}

/* ===== 策划案页补：原始策划案的 hero 结构 ===== */
.doc .hero .num{font-family:var(--serif);font-size:60px;font-weight:800;letter-spacing:.06em;line-height:1.05;color:var(--text)}
.doc .hero .num span{color:var(--amber)}
.doc .hero .eq{font-size:14px;color:var(--ice);letter-spacing:.16em;font-weight:600;margin-top:6px}
.doc .footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center;line-height:1.8}

/* ===== 标识锁定：.app 后缀（v2，见策划案 5.4） ===== */
.brand .bdot{font-size:12.5px;color:var(--amber);font-weight:400;letter-spacing:.02em;margin-left:-6px;opacity:.9;align-self:center}
@media(max-width:520px){.brand .bsub{display:none}}

/* ===== 通用表格 ===== */
.tbwrap{overflow-x:auto;margin:18px 0;-webkit-overflow-scrolling:touch}
.tb{width:100%;border-collapse:collapse;font-size:13.8px;min-width:520px}
.tb th,.tb td{border:1px solid var(--line);padding:10px 13px;text-align:left;vertical-align:top}
.tb th{background:rgba(255,255,255,.055);color:var(--text);font-weight:700;white-space:nowrap;font-size:12.8px;letter-spacing:.04em}
.tb td{color:var(--text2);line-height:1.7}
.tb td b,.tb td strong{color:var(--text)}
.tb tr:hover td{background:rgba(255,255,255,.018)}

/* ===== 招商页 ===== */
.biz-hero{background:radial-gradient(900px 420px at 82% -10%,rgba(209,75,44,.26),transparent 64%),linear-gradient(160deg,#0D1320,#141C2B 56%,#1D2536)}
.biz-hero .wrap{padding:80px 24px 64px}
.biz-hero h1{font-size:clamp(26px,4.2vw,40px);font-weight:800;line-height:1.35;margin:16px 0 0;letter-spacing:.01em}
.biz-hero h1 em{font-style:normal;color:var(--amber);display:block}
.biz-hero .lead{margin-top:16px;font-size:16px;max-width:680px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.stats .s{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;padding:17px 16px}
.stats .n{font-family:var(--serif);font-size:34px;font-weight:800;color:var(--text);line-height:1}
.stats .n b{color:var(--amber);font-weight:800}
.stats .k{font-size:12px;color:var(--muted);margin-top:7px;letter-spacing:.08em}
.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.seat{background:var(--night2);border:1px solid var(--line);border-radius:14px;padding:18px 17px;transition:.2s}
.seat:hover{border-color:rgba(227,160,82,.38);transform:translateY(-2px)}
.seat .dy{font-family:var(--serif);font-size:11.5px;color:var(--muted);letter-spacing:.14em}
.seat .nm{font-family:var(--serif);font-size:20px;font-weight:800;color:var(--amber);margin:6px 0 7px;letter-spacing:.05em}
.seat .fit{font-size:12.8px;color:var(--text2);line-height:1.7}
.seat.key{border-color:rgba(209,75,44,.45);background:linear-gradient(160deg,rgba(209,75,44,.13),var(--night2))}
.seat.key .nm{color:var(--ember2)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
.flow .f{background:var(--night2);border:1px solid var(--line);border-radius:14px;padding:20px 18px}
.flow .f .no{font-family:var(--serif);font-size:12.5px;color:var(--amber);letter-spacing:.14em}
.flow .f .t{font-size:15px;font-weight:700;margin:8px 0 6px;color:var(--text)}
.flow .f .d{font-size:12.8px;color:var(--text2);line-height:1.72}
.price{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.price .p{background:var(--night2);border:1px solid var(--line);border-radius:14px;padding:18px 16px}
.price .p.hl{border-color:rgba(227,160,82,.45);background:linear-gradient(160deg,rgba(227,160,82,.09),var(--night2))}
.price .p .t{font-size:13px;color:var(--muted);letter-spacing:.08em}
.price .p .v{font-family:var(--serif);font-size:23px;font-weight:800;color:var(--amber);margin:8px 0 6px}
.price .p .d{font-size:12.3px;color:var(--text2);line-height:1.65}
.contact{background:linear-gradient(135deg,rgba(209,75,44,.14),rgba(24,34,51,.55));border:1px solid rgba(209,75,44,.28);border-radius:18px;padding:36px 32px;margin-top:30px;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:center}
.contact .l{font-family:var(--serif);font-size:clamp(20px,2.8vw,26px);font-weight:800;color:var(--text);line-height:1.45}
.contact .l em{font-style:normal;color:var(--amber)}
.contact .r{font-size:13.5px;color:var(--text2)}
.contact .r a{font-family:var(--serif);font-size:19px;font-weight:800;color:var(--amber);display:block;margin-bottom:6px}
@media(max-width:900px){
  .seats,.flow,.price{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .seats,.flow,.price{grid-template-columns:1fr}
  .biz-hero .wrap{padding:56px 24px 44px}
}