:root{--ink:#121614;--cinnabar:#741818;--gold:#c59748;--rice:#eee7d5;--jade:#376252;--mist:rgba(238,231,213,.78)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(197,151,72,.16),transparent 28%),linear-gradient(135deg,#121614,#1d2420 42%,#0d1210);color:var(--rice);font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}section{padding:88px 6vw}.site-header{position:sticky;top:0;z-index:50;background:rgba(18,22,20,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(197,151,72,.28)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 6vw}.logo{font-size:28px;font-weight:800;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 24px rgba(197,151,72,.25)}.logo small{display:block;font-size:12px;letter-spacing:.36em;color:var(--rice);opacity:.78}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{font-size:15px;opacity:.9}.nav a:hover{color:var(--gold)}.search-line{padding:0 6vw 18px}.fake-search{display:flex;align-items:center;gap:12px;max-width:760px;margin:auto;padding:12px 18px;border:1px solid rgba(197,151,72,.38);border-radius:999px;background:rgba(238,231,213,.08);box-shadow:inset 0 0 24px rgba(197,151,72,.08)}.fake-search input{flex:1;background:transparent;border:0;outline:0;color:var(--rice);font-size:15px}.fake-search button,.btn{border:1px solid rgba(197,151,72,.55);background:linear-gradient(135deg,var(--cinnabar),#9e3524);color:var(--rice);border-radius:999px;padding:11px 22px;cursor:pointer;box-shadow:0 12px 30px rgba(116,24,24,.35)}.search-tip{display:none;text-align:center;color:var(--gold);margin-top:8px;font-size:13px}.hero{min-height:82vh;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(18,22,20,.82),rgba(18,22,20,.38)),var(--hero) center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(238,231,213,.18) 1px,transparent 1px);background-size:46px 46px;animation:floatInk 18s linear infinite;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:900px;padding:0 6vw}.eyebrow{color:var(--gold);letter-spacing:.32em}.hero h1{font-size:clamp(42px,7vw,86px);line-height:1.08;margin:18px 0;color:#fff7dd}.hero p{font-size:20px;max-width:760px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.btn.ghost{background:rgba(238,231,213,.08);box-shadow:none}.section-head{max-width:860px;margin-bottom:36px}.section-head h2{font-size:clamp(30px,4vw,48px);margin:0;color:#fff2ca}.section-head p{color:rgba(238,231,213,.82)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card,.story,.faq-item,.review,.tool,.person{position:relative;overflow:hidden;border:1px solid rgba(197,151,72,.26);background:linear-gradient(145deg,rgba(238,231,213,.1),rgba(55,98,82,.08));border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.card-body,.story,.faq-item,.review,.tool,.person{padding:24px}.video-card .thumb{position:relative;aspect-ratio:16/10;overflow:hidden}.video-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;filter:saturate(.95)}.video-card:hover img{transform:scale(1.08)}.video-card .thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(197,151,72,.35),transparent 32%),linear-gradient(135deg,rgba(18,22,20,.1),rgba(116,24,24,.42));opacity:0;transition:.35s}.video-card:hover .thumb:after{opacity:1}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(238,231,213,.85);background:rgba(18,22,20,.48);opacity:0;z-index:2;transition:.3s}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.play:before{content:"";border-left:18px solid var(--gold);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.meta,.tags{display:flex;gap:10px;flex-wrap:wrap;color:rgba(238,231,213,.72);font-size:13px}.tag{border:1px solid rgba(197,151,72,.36);color:var(--gold);border-radius:999px;padding:3px 10px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}.ink-panel{padding:34px;border:1px solid rgba(197,151,72,.26);border-radius:34px;background:linear-gradient(145deg,rgba(238,231,213,.12),rgba(18,22,20,.3));position:relative}.ink-panel:before{content:"菠萝视频";position:absolute;right:22px;top:18px;color:rgba(197,151,72,.14);font-size:56px;font-weight:800}.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.partner{padding:22px;text-align:center;border:1px solid rgba(197,151,72,.25);border-radius:18px;background:rgba(238,231,213,.08);color:var(--gold)}.contact-box{display:grid;grid-template-columns:1fr 220px;gap:28px;align-items:center}.qr{border-radius:22px;border:1px solid rgba(197,151,72,.35)}.site-footer{padding:38px 6vw;border-top:1px solid rgba(197,151,72,.26);background:#0c100f;color:rgba(238,231,213,.78)}.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.breadcrumb{padding:26px 6vw 0;color:rgba(238,231,213,.72)}.page-hero{padding:82px 6vw 40px;background:linear-gradient(135deg,rgba(116,24,24,.22),rgba(55,98,82,.18))}.page-hero h1{font-size:clamp(36px,5vw,64px);margin:0;color:#fff2ca}.notice{border-left:4px solid var(--gold);padding:18px 22px;background:rgba(238,231,213,.08);border-radius:18px}.domain-current{color:var(--gold);font-weight:700}@keyframes floatInk{from{transform:translateY(0)}to{transform:translateY(46px)}}@media(max-width:980px){.grid,.split{grid-template-columns:1fr}.nav-wrap{align-items:flex-start;flex-direction:column}.contact-box{grid-template-columns:1fr}.partners{grid-template-columns:repeat(2,1fr)}section{padding:62px 5vw}.hero{min-height:76vh}}@media(max-width:560px){.nav{gap:10px}.hero h1{font-size:38px}.fake-search{border-radius:24px;align-items:stretch;flex-direction:column}.fake-search button{width:100%}.grid{gap:18px}.partners{grid-template-columns:1fr}}