:root{--bg:#FFF5F8;--bg2:#FFEBF1;--card:#fff;--soft:#FFF0F5;--hover:#FFE4EC;--text:#2D1B24;--body:#3D2A32;--muted:#6B4E58;--sub:#9A7A85;--pink:#FF6B9D;--pink2:#FF8FAB;--pink3:#FFB3C6;--border:rgba(255,107,157,.15);--border2:rgba(255,107,157,.35);--shadow:0 12px 36px rgba(255,107,157,.12);--glow:0 10px 28px rgba(255,107,157,.18);--max:1280px;--nav:72px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;color:var(--text);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:500;background:rgba(255,245,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-shell{height:var(--nav);max-width:var(--max);margin:auto;padding:0 22px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{width:auto;height:42px;max-width:146px;object-fit:contain}.brand-text{font-weight:800;color:var(--pink);font-size:1.34rem}.desktop-nav{display:flex;align-items:center;gap:6px;white-space:nowrap}.desktop-nav a{padding:10px 12px;border-radius:999px;font-weight:700;color:var(--muted)}.desktop-nav a:hover,.desktop-nav a.active{background:var(--soft);color:var(--pink)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn,.app-btn{min-height:44px;border-radius:999px;padding:0 15px;border:1px solid var(--border2);background:#fff;color:var(--pink);font-weight:800;cursor:pointer}.icon-btn:hover,.app-btn:hover{background:var(--hover)}.app-btn{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--pink2),var(--pink));color:#fff;border:none;box-shadow:var(--glow)}.mobile-menu{display:none;width:44px;padding:10px;border:0;background:transparent}.mobile-menu span{display:block;height:2px;background:var(--pink);margin:4px 0;border-radius:2px}.site-main{min-height:60vh}.shell{max-width:var(--max);margin:auto;padding:0 22px}.hero{padding:42px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:28px;align-items:stretch}.hero-media{min-height:500px;background:linear-gradient(145deg,var(--bg2),#fff);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;position:relative}.hero-media img{width:100%;height:100%;object-fit:contain;max-height:620px}.hero-media:empty:before{content:"TANGXIN VLOG";font-size:clamp(2.5rem,7vw,6rem);font-weight:900;letter-spacing:.06em;color:rgba(255,107,157,.18);transform:rotate(-6deg)}.hero-copy{background:#fff;border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:6px 12px;border-radius:999px;background:var(--soft);color:var(--pink);font-weight:800;font-size:.88rem}.hero-copy h1,.page-hero h1{font-size:clamp(2.2rem,4.8vw,4.7rem);line-height:1.05;margin:15px 0 18px;color:var(--text);letter-spacing:-.04em}.hero-copy p,.page-hero p{color:var(--muted);font-size:1.04rem}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--pink2),var(--pink));color:#fff;box-shadow:var(--glow)}.btn.secondary{border:1px solid var(--border2);color:var(--pink);background:#fff}.mini-list{display:grid;gap:10px;margin-top:10px}.mini-list a{padding:13px 15px;border-radius:14px;background:var(--soft);font-weight:700}.shortcut{padding:0 0 24px}.shortcut-track{display:flex;gap:10px;overflow-x:auto;padding:4px 1px 8px;scrollbar-width:thin}.shortcut-track a{flex:0 0 auto;background:var(--soft);border:1px solid var(--border);border-radius:999px;padding:10px 15px;color:var(--muted);font-weight:700}.section{padding:46px 0}.section.soft{background:var(--soft)}.section.deep{background:var(--bg2)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:0;color:var(--text);font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15}.section-head p{max-width:700px;margin:6px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.card h3{margin:0 0 9px;color:var(--text);font-size:1.18rem}.card p{margin:0;color:var(--muted)}.card .label{color:var(--pink);font-size:.82rem;font-weight:800;margin-bottom:8px}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.feature-main{background:#fff;border-radius:24px;border:1px solid var(--border);padding:30px;box-shadow:var(--shadow)}.feature-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-side a{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;font-weight:800;color:var(--text);min-height:120px}.feature-side span{display:block;color:var(--muted);font-weight:500;font-size:.92rem;margin-top:6px}.rail{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}.rail article{flex:0 0 min(360px,83vw);scroll-snap-align:start;background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-block{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center}.media-box{min-height:360px;border-radius:24px;background:linear-gradient(145deg,var(--bg2),#fff);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.media-box img{width:100%;height:100%;object-fit:contain}.prose h2{font-size:2rem;line-height:1.2;color:var(--text);margin:0 0 14px}.prose p{margin:0 0 14px;color:var(--muted)}.page-hero{padding:54px 0 26px}.page-hero-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center}.page-hero-copy{padding:18px 0}.page-hero h1{font-size:clamp(2.4rem,5vw,5.1rem)}.page-hero-media{min-height:320px;border-radius:24px;background:linear-gradient(145deg,#fff,var(--bg2));border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.page-hero-media img{width:100%;height:100%;object-fit:contain}.page-hero-media:empty:before{content:"TANGXIN";font-size:3rem;font-weight:900;color:rgba(255,107,157,.2)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.article-content{min-width:0}.article-section{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:18px;box-shadow:0 8px 24px rgba(255,107,157,.08)}.article-section h2{margin:0 0 12px;color:var(--text);font-size:1.65rem;line-height:1.25}.article-section h3{color:var(--text);margin:20px 0 8px}.article-section p{margin:0 0 13px}.article-section ul{padding-left:1.25em;margin:10px 0}.article-section li{margin:8px 0}.aside-sticky{position:sticky;top:96px;align-self:start}.aside-card{background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:14px}.aside-card h2{font-size:1.05rem;margin:0 0 10px}.aside-card a{display:block;padding:7px 0;color:var(--muted);font-weight:700}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:7px 12px;background:#fff;border:1px solid var(--border);border-radius:999px;color:var(--pink);font-weight:700}.steps{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}.step:before{content:counter(step);width:42px;height:42px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--pink);font-weight:900}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--border);border-radius:16px;padding:0 18px}.faq summary{cursor:pointer;font-weight:800;color:var(--text);padding:18px 0}.faq p{padding:0 0 18px;margin:0}.notice{padding:18px 20px;border-radius:16px;background:var(--soft);border-left:4px solid var(--pink);color:var(--muted)}.site-footer{background:#2D1B24;color:#FFD6E3;padding:54px 0 calc(30px + env(safe-area-inset-bottom))}.footer-shell{max-width:var(--max);margin:auto;padding:0 22px}.footer-brand{display:grid;grid-template-columns:auto 180px 1fr;gap:18px;align-items:center;padding-bottom:28px;border-bottom:1px solid rgba(255,214,227,.14)}.footer-logo .brand-logo{height:48px}.footer-brand strong{display:block;color:#fff}.footer-brand span{font-size:.78rem;letter-spacing:.12em}.footer-brand p{margin:0;color:#e9c5d1}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0}.footer-groups h2{font-size:1rem;color:#fff}.footer-groups a{display:block;padding:5px 0;color:#e9c5d1}.footer-note{padding:16px 0;color:#d9b7c3;border-top:1px solid rgba(255,214,227,.14)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#cba6b3;font-size:.9rem}.overlay{position:fixed;inset:0;background:rgba(45,27,36,.42);z-index:700;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.channel-panel{position:fixed;top:0;right:0;width:min(460px,88vw);height:100vh;background:#fff;z-index:800;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}.channel-panel.show{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.panel-brand{display:flex;align-items:center;gap:10px}.panel-brand .brand-logo{height:38px}.panel-close{width:44px;height:44px;border:0;background:var(--soft);border-radius:50%;font-size:1.7rem;color:var(--pink);cursor:pointer}.panel-scroll{height:calc(100vh - 72px);overflow-y:auto;padding:18px 20px 30px}.panel-scroll section{margin-bottom:22px}.panel-scroll h2{font-size:.9rem;color:var(--sub);text-transform:uppercase;letter-spacing:.08em}.panel-scroll a{display:block;padding:12px 0;border-bottom:1px solid var(--border)}.panel-scroll strong{display:block;color:var(--text)}.panel-scroll span{display:block;color:var(--muted);font-size:.9rem;margin-top:3px}.search-panel{position:fixed;top:var(--nav);left:0;right:0;z-index:810;background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow);transform:translateY(-115%);visibility:hidden;pointer-events:none;transition:.25s}.search-panel.show{transform:translateY(0);visibility:visible;pointer-events:auto}.search-shell{max-width:var(--max);margin:auto;padding:24px 22px 30px}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.search-panel label{display:block;font-weight:800;color:var(--text);margin-bottom:8px}.search-panel input{width:100%;height:54px;border:1px solid var(--border2);border-radius:14px;padding:0 16px;font:inherit;outline:none}.search-panel input:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,107,157,.1)}.search-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.search-tags button{border:1px solid var(--border);background:var(--soft);border-radius:999px;padding:8px 12px;color:var(--pink);cursor:pointer}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-results a{border:1px solid var(--border);border-radius:14px;padding:13px}.search-results strong,.search-results span{display:block}.search-results span{color:var(--muted);font-size:.88rem}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(255,107,157,.35);outline-offset:3px}@media(max-width:1040px){.desktop-nav a{padding:9px 8px;font-size:.92rem}.desktop-menu{display:none}.cards{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1.35fr 1fr}.article-layout{grid-template-columns:1fr 260px}}@media(max-width:820px){:root{--nav:64px}.nav-shell{padding:0 15px;justify-content:space-between}.desktop-nav,.desktop-search,.desktop-menu{display:none}.mobile-menu{display:block}.nav-actions{margin-left:0}.brand{position:absolute;left:50%;transform:translateX(-50%);max-width:44vw}.brand-logo{height:36px;max-width:135px}.app-btn{padding:0 14px}.hero{padding-top:22px}.hero-grid,.page-hero-inner,.media-block,.article-layout{grid-template-columns:1fr}.hero-copy{order:1}.hero-media{order:2;min-height:300px}.hero-copy h1{font-size:2.55rem}.page-hero-media{min-height:240px}.cards,.two-col{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-side{grid-template-columns:1fr 1fr}.aside-sticky{position:static}.footer-brand{grid-template-columns:auto 1fr}.footer-brand p{grid-column:1/-1}.footer-groups{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:650;background:rgba(255,255,255,.96);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(45,27,36,.06)}.mobile-bottom a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.72rem;color:var(--muted);gap:1px}.mobile-bottom a span{font-size:1.1rem}.mobile-bottom a.active{color:var(--pink);font-weight:800}.site-footer{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.search-panel{top:0;bottom:0;overflow-y:auto;transform:translateY(-102%)}.search-shell{padding-top:20px}.search-results{grid-template-columns:1fr}.section{padding:34px 0}.page-hero{padding-top:32px}}@media(max-width:520px){.shell,.footer-shell{padding-left:15px;padding-right:15px}.hero-copy{padding:24px}.hero-copy h1{font-size:2.2rem}.hero-media{min-height:230px}.feature-side{grid-template-columns:1fr}.section-head{display:block}.cards{grid-template-columns:1fr}.article-section{padding:22px}.footer-groups{grid-template-columns:1fr 1fr;gap:14px}.footer-brand{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.card h2{margin:0 0 10px;color:var(--text);font-size:1.35rem;line-height:1.28}.steps h2{margin:0 0 8px;color:var(--text);font-size:1.28rem}.shortcut-track{margin-top:18px}