/* T4 青绿山水 · 艺术优化版 | ponytail: 单文件CSS */
:root{--paper:#F4F7F5;--ink:#14343B;--teal:#147A70;--green:#2AA88B;--gold:#C9B26A;--gold-l:#F7E3A0;--cinnabar:#0E4A5A;--paper2:#E6EFE9;--line:#CBD8D2}
html{scroll-behavior:smooth}
body{background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' opacity='.05'%3E%3Cpath d='M0 60 Q30 50 60 60 T120 60' stroke='%2314343B' fill='none'/%3E%3C/svg%3E");color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",serif;line-height:1.85}
a{color:var(--ink)}a:hover{color:var(--teal)}
.topbar{background:#0E4A5A;color:#EAF3F0;font-size:.8rem}
.navbar{background:rgba(244,247,245,.97)!important;border-bottom:2px solid var(--gold)}
.navbar-brand{font-weight:800;letter-spacing:.12em}.navbar-brand small{display:block;font-size:.66rem;letter-spacing:.3em;color:var(--teal);font-weight:400}
.nav-link.active,.nav-link:hover{color:var(--teal)!important}
.hero-slide{min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-inkwash{background:linear-gradient(120deg,#0E4A5A 0%,#147A70 45%,#2AA88B 75%,#C9B26A 110%);color:#fff}
.hero-inkwash .lead{color:#EAF3F0}.hero-inkwash h1{color:#fff}
#fibers{position:absolute;inset:0;width:100%;height:100%;opacity:.3}
.seal{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-l));color:#14343B;padding:.25rem .8rem;border-radius:4px;letter-spacing:.35em;font-size:.78rem;font-weight:800;box-shadow:0 4px 14px -6px rgba(201,178,106,.8)}
.seal-red{display:inline-block;background:#9E1B1B;color:#FFF7E8;padding:.2rem .6rem;border-radius:4px;letter-spacing:.3em;font-size:.75rem}
.hero-title{font-size:3.2rem;font-weight:900;letter-spacing:.08em;line-height:1.3;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.hero-title em{font-style:normal;color:var(--gold-l);position:relative}
.rule-gold{display:flex;align-items:center;gap:.7rem;margin:.9rem 0}.rule-gold::before,.rule-gold::after{content:"";height:1px;width:90px;background:linear-gradient(90deg,transparent,var(--gold))}.rule-gold::after{background:linear-gradient(90deg,var(--gold),transparent)}.rule-gold i{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);display:inline-block}
.mountains{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:110px;opacity:.28;pointer-events:none}
.seal-vertical{writing-mode:vertical-rl;background:#9E1B1B;color:#FFF7E8;letter-spacing:.4em;padding:.8rem .4rem;border-radius:6px;font-size:.8rem}
.hero-title{font-size:3rem;font-weight:900;letter-spacing:.06em;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hero-title em{font-style:normal;color:#F7E3A0}
.vert{writing-mode:vertical-rl;letter-spacing:.5em;opacity:.7;font-size:.85rem;color:#fff}
.wave{display:block;width:100%;height:36px;background:radial-gradient(circle at 20px -10px,transparent 24px,var(--paper) 25px);margin-top:-1px}
.btn-cinnabar{background:var(--gold);border-color:var(--gold);color:#14343B;font-weight:700;padding:.6rem 1.8rem}.btn-cinnabar:hover{background:#B89C4E;color:#14343B}
.btn-ink{background:#0E4A5A;color:#fff;padding:.6rem 1.8rem}.btn-ink:hover{background:#14343B;color:#fff}
.btn-outline-ink{border:1px solid #fff;color:#fff;padding:.6rem 1.8rem}.btn-outline-ink:hover{background:#fff;color:#0E4A5A}
.stat-band{background:#0E4A5A;color:#EAF3F0;position:relative}
.stat-band::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 18px,transparent 18px 26px);opacity:.8}
.stat-num{font-size:2.2rem;font-weight:800;color:#F7E3A0}
.sec-head{text-align:center;margin-bottom:2rem}.sec-head .kicker{letter-spacing:.55em;color:var(--teal);font-size:.8rem}.sec-head h2{font-weight:900;letter-spacing:.14em;margin:.5rem 0;font-size:1.9rem}.sec-head h2::after{content:"";display:block;width:64px;height:3px;background:linear-gradient(90deg,var(--teal),var(--gold));margin:.7rem auto 0;border-radius:2px}.sec-head .en{letter-spacing:.35em;font-size:.68rem;color:#8AA5A0}
.card-ink{background:#fff;border:1px solid var(--line);border-radius:12px 36px 12px 36px;transition:transform .35s,box-shadow .35s,border-color .35s}
.card-ink:hover{transform:translateY(-7px);box-shadow:0 22px 44px -18px rgba(14,74,90,.45);border-color:var(--gold)}
.card-ink{background:#fff;border:1px solid var(--line);border-radius:12px 36px 12px 36px;transition:transform .35s,box-shadow .35s}
.card-ink:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(14,74,90,.4)}
.icon-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0E4A5A,#2AA88B);color:#fff;font-size:1.4rem}
.flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem .5rem;text-align:center}
.flow-step b{color:#0E4A5A}.flow-step:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:38%;color:var(--gold);font-weight:800}
.prod-img{height:150px;border-radius:10px 30px 10px 30px;background:linear-gradient(135deg,#0E4A5A,#2AA88B 60%,#C9B26A);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff}
.green-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;padding:1.6rem}
.green-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0E4A5A,#2AA88B,#C9B26A)}
.green-tag{display:inline-block;font-size:.72rem;letter-spacing:.3em;background:#0E4A5A;color:#F7E3A0;border-radius:20px;padding:.15rem .8rem}
.quote{border-left:3px solid var(--gold);background:#fff;padding:.8rem 1rem;border-radius:0 10px 10px 0}
.cta-red{background:linear-gradient(120deg,#0E4A5A,#147A70 60%,#2AA88B);color:#fff;border-radius:18px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem}
footer{background:#0E4A5A;color:#D7E3DC}footer a{color:#D7E3DC;text-decoration:none}footer a:hover{color:#fff}
.qr{width:110px;height:110px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:8px}
.breadcrumb a{text-decoration:none}
.breadcrumb a:empty{display:none}
/* 获客板块 */
.price-board{background:linear-gradient(180deg,#fff,#F7F1DE);border:1px solid var(--gold);border-radius:16px;position:relative;overflow:hidden}
.price-board::before{content:"今日行情";position:absolute;top:12px;right:-34px;transform:rotate(35deg);background:#9E1B1B;color:#fff;font-size:.7rem;letter-spacing:.2em;padding:.15rem 2.5rem}
.chip{display:inline-block;border:1px solid var(--teal);color:var(--teal);border-radius:20px;padding:.1rem .8rem;font-size:.78rem;margin:.15rem}
.calc{background:#0E4A5A;color:#EAF3F0;border-radius:16px}
.calc b{color:var(--gold-l)}
@media(max-width:768px){.hero-title{font-size:2rem}.hero-slide{min-height:440px}}
/* 艺术+转化优化：原生动画替代animate.css，0新增依赖 */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.fade-up{animation:fadeUp .9s ease both}.fade-up-2{animation:fadeUp .9s .15s ease both}.fade-up-3{animation:fadeUp .9s .3s ease both}
.watermark{position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:22rem;line-height:1;color:#fff;opacity:.07;pointer-events:none;font-weight:900}
.btn-gold{background:linear-gradient(135deg,#D9BC6A,#C9B26A 55%,#A8893E);border:1px solid #A8893E;color:#14343B;font-weight:800;padding:.65rem 1.9rem;box-shadow:0 8px 20px -8px rgba(201,178,106,.9)}
.btn-gold:hover{background:linear-gradient(135deg,#C9B26A,#A8893E);color:#14343B}
.trust-row{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1rem;font-size:.85rem;color:#EAF3F0}
.trust-row b{color:var(--gold-l)}
.ink-div{height:26px;background:radial-gradient(60px 10px at 50% 50%,var(--gold) 0,transparent 70%);opacity:.5}
.sample-badge{display:inline-block;font-size:.7rem;background:#EAF3F0;color:#0E4A5A;border-radius:12px;padding:.05rem .6rem;margin-left:.4rem}
.sticky-call{position:fixed;left:0;right:0;bottom:0;z-index:1050;display:none;background:#0E4A5A;border-top:2px solid var(--gold);padding:.5rem .8rem;gap:.6rem}
.sticky-call a{flex:1;text-align:center;border-radius:10px;padding:.55rem 0;font-weight:800;text-decoration:none}
.sticky-call .call{background:var(--gold);color:#14343B}.sticky-call .ask{background:transparent;color:#fff;border:1px solid var(--gold)}
@media(max-width:768px){.sticky-call{display:flex}body{padding-bottom:60px}.watermark{font-size:11rem}}
/* 列表升级：文字行 + 分页 */
/* 列表升级：日期章行 + 分段分页 */
.art-row{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;margin-bottom:.7rem;text-decoration:none;position:relative;overflow:hidden}
.art-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--teal),var(--gold));opacity:0;transition:.3s}
.art-row:hover::before{opacity:1}
.art-row:hover{border-color:var(--gold);transform:translateX(6px)}
.art-date{background:linear-gradient(135deg,#0E4A5A,#147A70);color:#fff;border-radius:10px;min-width:64px;text-align:center;padding:.4rem .2rem;flex-shrink:0}
.art-date b{display:block;font-size:1.3rem;color:var(--gold-l);line-height:1.2}
.art-date i{font-style:normal;font-size:.68rem;opacity:.85}
.art-body strong{display:block;font-size:1rem}
.art-body small{color:#6b7570}
.art-no{margin-left:auto;font-size:1.7rem;font-weight:900;color:#E2DACA;font-style:italic;flex-shrink:0}
.art-row:hover .art-no{color:var(--gold)}
.pgnav{text-align:center;margin-top:1.2rem}
.pgnav .pginfo{display:block;color:#8AA5A0;font-size:.82rem;margin-bottom:.5rem;letter-spacing:.1em}
.pgnav .pgn{display:inline-block}
.pgnav .pgn a,.pgnav .pgn b{display:inline-block;border:1px solid var(--line);background:#fff;padding:.4rem .85rem;margin-left:-1px;text-decoration:none;font-size:.85rem;color:var(--ink)}
.pgnav .pgn a:first-child{border-radius:10px 0 0 10px}
.pgnav .pgn a:last-child{border-radius:0 10px 10px 0}
.pgnav .pgn b{background:linear-gradient(135deg,#0E4A5A,#147A70);color:#fff;border-color:#0E4A5A;font-weight:800}
.pgnav .pgn a:hover{background:#EAF3F0}
.pgnav .pgn a:empty{display:none}
/* 新闻列表：头条大卡 + 要闻行 + 分页导航 */
.news-lead{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.news-lead img{width:100%;height:100%;min-height:220px;object-fit:cover}
.news-row{display:flex;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem;margin-bottom:.8rem}
.news-row img{width:190px;height:125px;object-fit:cover;border-radius:10px;flex-shrink:0}
.news-row:hover{border-color:var(--gold)}
.pgnav{text-align:center;margin-top:1.2rem}
.pgnav .pginfo{color:#8AA5A0;font-size:.82rem;margin-right:.6rem}
.pgnav a,.pgnav b,.pgnav span{display:inline-block;min-width:36px;padding:.35rem .7rem;margin:.15rem;border:1px solid var(--line);border-radius:9px;background:#fff;text-decoration:none;color:var(--ink)}
.pgnav b,.pgnav a:hover{background:linear-gradient(135deg,#0E4A5A,#147A70);color:#fff;border-color:#0E4A5A}
@media(max-width:768px){.news-row img{width:120px;height:90px}}