*{box-sizing:border-box;margin:0;padding:0;}
html,body{background:#fbf8f0;}
body{font-family:"Microsoft JhengHei","Noto Sans CJK TC","PingFang TC",sans-serif;color:#161616;-webkit-font-smoothing:antialiased;}
.page{width:1080px;background:#fbf8f0;padding:70px 64px 52px;margin:0 auto;}

.head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
.series{font-size:30px;letter-spacing:.16em;color:#8a4b1e;font-weight:800;}
h1{font-size:112px;line-height:1.08;font-weight:900;letter-spacing:.01em;margin-top:16px;}
.sub{font-size:46px;line-height:1.6;color:#2b2b2b;font-weight:600;margin-top:18px;max-width:820px;}
.no{font-size:190px;line-height:.9;font-weight:900;color:#e6dcc9;flex:none;margin-top:-10px;}
.rule{height:8px;background:#161616;margin:34px 0 40px;}

.card{background:#fff;border:3px solid #d8cfc0;border-left:14px solid #8a4b1e;border-radius:18px;padding:30px 36px;margin-bottom:0;}
.card.green{border-left-color:#2f5d45;}
.card.gold{border-left-color:#b98a2f;}
.card.ink{border-left-color:#161616;}
.card-top{display:flex;align-items:center;gap:16px;margin-bottom:10px;}
.badge{font-size:28px;font-weight:900;color:#fff;background:#8a4b1e;border-radius:9px;padding:5px 16px;letter-spacing:.04em;white-space:nowrap;}
.green .badge{background:#2f5d45;}
.gold .badge{background:#b98a2f;}
.ink .badge{background:#161616;}
.kicker{font-size:34px;font-weight:800;color:#4a4a4a;letter-spacing:.04em;}
.card-title{font-size:52px;font-weight:900;line-height:1.35;margin-bottom:8px;}
.card-text{font-size:42px;line-height:1.7;color:#2b2b2b;}
.card-text b{color:#8a4b1e;}

.arrow{display:flex;align-items:center;gap:18px;padding:14px 0 14px 40px;}
.arrow .bar{width:6px;height:54px;background:#c9b99c;border-radius:3px;position:relative;}
.arrow .bar::after{content:"";position:absolute;left:-12px;bottom:-2px;width:20px;height:20px;border-left:6px solid #c9b99c;border-bottom:6px solid #c9b99c;transform:rotate(-45deg);}
.arrow span{font-size:34px;color:#6a5a44;font-weight:700;letter-spacing:.03em;}

.loop{background:#fff8ea;border:3px dashed #c9a86a;border-radius:20px;padding:28px 34px;}
.step{display:flex;gap:24px;align-items:flex-start;padding:20px 0;border-bottom:2px solid #eadfc8;}
.step:last-of-type{border-bottom:none;}
.num{flex:none;width:70px;height:70px;border-radius:50%;background:#8a4b1e;color:#fff;font-size:36px;font-weight:900;display:flex;align-items:center;justify-content:center;}
.step.hot .num{background:#a02c2c;}
.step-t{font-size:48px;font-weight:900;line-height:1.3;margin-bottom:2px;}
.step-d{font-size:42px;line-height:1.65;color:#3d3d3d;}
.gate{margin-top:18px;font-size:40px;font-weight:800;color:#a02c2c;line-height:1.6;}

.cost-card{background:#fff;border:3px solid #d8cfc0;border-radius:20px;padding:30px 34px;margin-bottom:20px;}
.cost-card.manual{border-left:14px solid #a02c2c;}
.cost-card.ai{border-left:14px solid #2f5d45;}
.cost-h{font-size:46px;font-weight:900;margin-bottom:16px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.cost-h em{font-style:normal;font-size:30px;color:#5a5a5a;font-weight:600;white-space:nowrap;}
.cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px;}
.cell{background:#f7f2e6;border-radius:12px;padding:16px 20px;}
.cell span{display:block;font-size:30px;color:#5a5a5a;margin-bottom:2px;}
.cell b{font-size:56px;font-weight:900;line-height:1.1;}
.manual .cell b{color:#a02c2c;}
.ai .cell b{color:#2f5d45;}
.bigline{font-size:82px;font-weight:900;color:#8a4b1e;line-height:1.2;margin:26px 0 12px;}
.cost-note{font-size:42px;line-height:1.7;color:#3d3d3d;}

.token{background:#fff;border:3px solid #d8cfc0;border-radius:20px;overflow:hidden;}
.trow{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 32px;border-bottom:2px solid #eee6d6;}
.trow:last-child{border-bottom:none;}
.trow span{font-size:42px;color:#2b2b2b;font-weight:600;}
.trow b{font-size:54px;font-weight:900;white-space:nowrap;}
.trow.hl{background:#fdf1df;flex-direction:column;align-items:flex-start;gap:4px;}
.trow.hl b{color:#8a4b1e;font-size:70px;}
.token-note{font-size:40px;line-height:1.7;color:#4a4a4a;margin-top:16px;}

.ask{background:#fff;border:3px solid #d8cfc0;border-radius:20px;padding:6px 32px;}
.arow{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:20px 0;border-bottom:2px solid #eee6d6;}
.arow:last-child{border-bottom:none;}
.arow span{font-size:42px;color:#5a5a5a;font-weight:700;white-space:nowrap;}
.arow b{font-size:42px;font-weight:900;text-align:right;line-height:1.4;}
.soft{font-size:42px;line-height:1.8;color:#3d3d3d;margin-top:20px;}

.goals{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.goal{background:#fff;border:3px solid #d8cfc0;border-radius:18px;padding:26px 30px;}
.goal-t{font-size:58px;font-weight:900;line-height:1.2;margin-bottom:8px;}
.goal-d{font-size:38px;line-height:1.65;color:#3d3d3d;}
.goal:nth-child(1){border-left:14px solid #2f5d45;}
.goal:nth-child(2){border-left:14px solid #8a4b1e;}
.goal:nth-child(3){border-left:14px solid #a02c2c;}
.goal:nth-child(4){border-left:14px solid #b98a2f;}

.band{background:#fff;border:3px solid #d8cfc0;border-radius:18px;padding:28px 34px;margin-top:22px;}
.band-t{font-size:34px;letter-spacing:.08em;color:#8a4b1e;font-weight:800;margin-bottom:8px;}
.band-d{font-size:44px;line-height:1.65;color:#2b2b2b;}
.band-d b{color:#8a4b1e;}

.quote{background:#f4eddd;border-radius:18px;padding:30px 36px;margin-top:24px;}
.quote p{font-size:48px;line-height:1.6;font-weight:800;color:#161616;}
.quote small{display:block;font-size:34px;color:#5a5a5a;margin-top:10px;font-weight:600;}

footer{margin-top:48px;border-top:4px solid #161616;padding-top:18px;display:flex;justify-content:space-between;font-size:30px;color:#4a4a4a;line-height:1.6;}
footer b{color:#161616;}
.nw{white-space:nowrap;}

/* ---- 05 technical advantages ---- */
.tech-card{background:#fff;border:3px solid #d8cfc0;border-radius:20px;padding:30px 34px;margin-bottom:22px;}
.tech-card.green{border-left:14px solid #2f5d45;}
.tech-card.gold{border-left:14px solid #b98a2f;}
.tech-card.ink{border-left:14px solid #161616;}
.tech-top{display:flex;gap:20px;align-items:flex-start;margin-bottom:12px;}
.tech-no{font-size:62px;font-weight:900;color:#e6dcc9;line-height:1;flex:none;}
.tech-t{font-size:56px;font-weight:900;line-height:1.2;}
.tech-k{font-size:34px;color:#6a5a44;font-weight:700;margin-top:2px;}
.tech-d{font-size:42px;line-height:1.7;color:#2b2b2b;}
.tech-d b{color:#8a4b1e;}
.example{background:#f7f2e6;border-radius:12px;padding:18px 22px;margin:16px 0;font-size:36px;line-height:1.85;color:#161616;font-weight:700;}
.example span{font-size:30px;color:#5a5a5a;font-weight:600;}
.tech-note{font-size:34px;line-height:1.7;color:#4a4a4a;margin-top:12px;}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;margin:18px 0;}
.metric{background:#f7f2e6;border-radius:12px;padding:14px 20px;}
.metric b{display:block;font-size:46px;font-weight:900;color:#8a4b1e;line-height:1.15;}
.metric span{font-size:30px;color:#5a5a5a;}
.mini-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;}
.chip{background:#fff;border:3px solid #d8cfc0;border-radius:999px;padding:10px 20px;font-size:31px;font-weight:800;}
.arr{font-size:34px;color:#8a4b1e;font-weight:900;}
.nest{margin:16px 0;}
.nest-row{display:flex;align-items:center;gap:10px;margin:8px 0;}
.nest-row.ind1{padding-left:44px;}
.nest-row.ind2{padding-left:88px;}
.nest-arrow{font-size:32px;color:#8a4b1e;font-weight:900;}
.glyph-row{display:flex;gap:24px;align-items:center;background:#f7f2e6;border-radius:12px;padding:18px 22px;margin:16px 0;}
.glyph-text{flex:1;}
.glyph-title{font-size:44px;font-weight:900;line-height:1.3;}
.glyph-sub{font-size:30px;color:#5a5a5a;line-height:1.6;margin-top:6px;}
.glyph-fig{flex:none;width:280px;text-align:center;margin:0;}
.glyph-fig img{width:280px;height:280px;display:block;background:#fff;border:3px solid #d8cfc0;border-radius:12px;}
.glyph-fig figcaption{font-size:28px;color:#5a5a5a;margin-top:6px;}





/* ---- cost split / why feasible ---- */
.cost-split{display:flex;gap:30px;align-items:center;background:#fff;border:3px solid #d8cfc0;border-radius:20px;padding:24px 30px;margin-top:18px;}
.pie{width:260px;height:260px;border-radius:50%;background:conic-gradient(#b98a2f 0 5%,#a02c2c 5% 73%,#2f5d45 73% 100%);flex:none;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55);}
.pie-legend{flex:1;min-width:0;}
.pie-title{font-size:34px;font-weight:900;color:#8a4b1e;margin-bottom:4px;}
.pie-item{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:2px solid #eee6d6;}
.pie-item:last-child{border-bottom:none;}
.pie-dot{width:22px;height:22px;border-radius:6px;flex:none;align-self:center;}
.pie-dot.gold{background:#b98a2f;}
.pie-dot.red{background:#a02c2c;}
.pie-dot.green{background:#2f5d45;}
.pie-item b{font-size:38px;font-weight:900;line-height:1.2;}
.pie-item em{font-style:normal;font-size:30px;color:#5a5a5a;font-weight:700;margin-left:auto;white-space:nowrap;}
.pie-note{font-size:28px;line-height:1.5;color:#5a5a5a;margin-top:8px;}

.why{background:#fff8ea;border:3px dashed #c9a86a;border-radius:18px;padding:20px 28px;margin-top:18px;}
.why-t{font-size:34px;font-weight:900;color:#8a4b1e;margin-bottom:4px;}
.why-row{display:flex;gap:12px;font-size:32px;line-height:1.5;color:#2b2b2b;padding:7px 0;border-bottom:2px solid #eadfc8;}
.why-row:last-child{border-bottom:none;}
.why-row b{color:#a02c2c;flex:none;}