/* Reference-derived core: www.ktianmen.com.cn inline-original.css.
   Preserved purple gradient, pink/yellow accents, cream canvas, 18px white cards.
   Grid, navigation, search and reading styles below are project-specific adaptations.
   Secondary mobile rail structure studied in applink page.253eb97525.css. */
:root{--paper:#fdf6f0;--ink:#1a1a2e;--muted:#6c6571;--pink:#ff6b9d;--purple:#4a1a3a;--line:#eee2e8;--gradient:linear-gradient(135deg,#1a0a1a,#4a1a3a,#6a2a4a)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;object-fit:cover;background:#eadfe4;color:#635563;font-size:13px}button,input{font:inherit}button{cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b53568;outline-offset:4px}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.custom-nav{background:var(--gradient);box-shadow:0 4px 25px #0003;position:sticky;top:0;z-index:30;color:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:25px;letter-spacing:1px;white-space:nowrap;color:var(--pink)}.brand strong{font-weight:800}.brand strong span{color:#fff}.brand-icon{color:#ffd93d;font-size:32px;line-height:1}#nav-menu{display:flex;align-items:center;gap:28px}#nav-menu a{font-size:14px;color:#ffffffe0;font-weight:550}#nav-menu a:hover{color:var(--pink)}#nav-menu a:last-child{padding:7px 15px;background:var(--pink);color:#1a0a1a;border-radius:7px}#nav-toggle{display:none}.hero-section{background:var(--gradient);padding:58px 0 66px;text-align:center;color:#fff;border-bottom:4px solid var(--pink)}.hero-kicker{font-size:13px;letter-spacing:3px;color:#ffbbd2;margin-bottom:13px}.hero-section h1{font-size:46px;font-weight:800;letter-spacing:2px;line-height:1.3}.hero-sub{font-size:23px;font-weight:650;margin-top:18px}.hero-description{font-size:15px;color:#ead6e3;margin:12px auto 0;max-width:640px;line-height:1.9}.hero-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-badges span{font-size:12px;padding:5px 16px;border:1px solid #ffffff38;border-radius:6px;background:#ffffff0f}.hero-badges span:first-child{background:#ffd93d;color:#39243b;border-color:#ffd93d}.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 22px;border:1px solid var(--pink);border-radius:8px;background:var(--pink);color:#2e1227;font-weight:700;font-size:14px;white-space:nowrap}.button:hover{background:#ff85af}.hero-link{font-size:13px;color:#ffe4ee}.search-wrap{position:relative;margin-top:-24px;z-index:1}.searchform{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px 14px;border-radius:12px;box-shadow:0 10px 28px #38172c0b;max-width:760px;margin:auto}.search-icon{font-size:30px;line-height:1;color:#a64b77;padding-inline:8px}.searchform input{border:0;min-width:0;flex:1;color:var(--ink);background:#fff;font-size:15px;padding:8px 2px}.section{padding-block:44px 10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#9e3764;margin-bottom:10px}.section-title{font-size:29px;line-height:1.4;font-weight:750;padding-left:17px;border-left:6px solid var(--pink)}.more-link{color:#9d3562;font-size:13px;font-weight:650;white-space:nowrap}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card-custom{border:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #0000000f;transition:transform .25s,box-shadow .25s;background:#fff;display:flex;flex-direction:column;min-width:0}.card-custom:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000018}.card-image{display:block;position:relative}.card-image img{aspect-ratio:3/2;height:auto}.cover-label{position:absolute;left:14px;bottom:12px;background:#fff6fa;color:#6f2c50;padding:4px 10px;border-radius:5px;font-size:11px;font-weight:650}.card-body{padding:20px 20px 16px;flex:1}.badge-tag{display:inline-block;background:#ffe3ef;color:#823458;font-weight:650;padding:3px 12px;border-radius:30px;font-size:11px}.card-body h3{font-size:21px;font-weight:750;margin:12px 0 10px;line-height:1.45}.card-body p{color:var(--muted);font-size:14px;line-height:1.9}.card-footer-custom{border-top:1px solid #f1f3f5;padding:12px 20px;background:#fafbfc;font-size:11px;color:#71616c;display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between}.card-footer-custom a{font-weight:750;font-size:13px;color:#96305e}.story-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rail-card{background:#f1e4ec;display:flex;min-width:0;border:1px solid #e4cedc;border-radius:12px;overflow:hidden;align-items:center}.rail-card img{width:100px;height:140px;flex:none;object-fit:cover;object-position:center}.rail-card>div{padding:14px;min-width:0}.rail-card span{color:#98375f;font-size:11px;font-weight:700}.rail-card h3{font-size:15px;line-height:1.65;margin:6px 0 9px}.rail-card b{font-size:11px;color:#92365e}.chapter-rows{background:#fff;border-radius:12px;border:1px solid var(--line);padding-inline:25px}.chapter-rows>a{display:flex;align-items:center;gap:23px;padding:22px 0;border-bottom:1px solid var(--line)}.chapter-rows>a:last-child{border:0}.row-no{font-family:Georgia,serif;font-size:30px;color:#ba5280;flex:none}.chapter-rows h3{font-size:18px}.chapter-rows p{font-size:13px;color:var(--muted);margin-top:4px}.row-arrow{margin-left:auto;color:#a23e6a;font-size:25px;flex:none}.faq details{padding:19px 0;border-bottom:1px solid #e6d7e0}.faq summary{cursor:pointer;font-size:16px;font-weight:650}.faq details p{font-size:14px;color:var(--muted);margin-top:12px;max-width:800px}.install-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 40px;background:#f0dfe9;border-radius:18px;margin-bottom:46px}.install-strip h2{font-size:29px}.install-strip p:not(.eyebrow){color:#785c70;font-size:14px;margin-top:8px}.footer-custom{background:#1a0a1a;color:#ced4da;padding:34px 0;border-top:3px solid var(--pink);margin-top:44px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-inner .brand{font-size:21px}.footer-inner p{font-size:12px;margin-top:8px;color:#c4acbc}.footer-inner nav{display:flex;justify-content:end;flex-wrap:wrap;gap:20px;font-size:13px;align-items:start}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:18px}.subpage{padding-block:35px 50px;min-height:65vh}.panel{background:#fff;padding:30px;border-radius:18px;border:1px solid var(--line);margin-bottom:24px;min-width:0;box-shadow:0 5px 20px #00000004}.panel h1{font-size:32px;line-height:1.4;margin-bottom:20px}.panel h2{font-size:23px;margin:20px 0 12px}.panel p{color:var(--muted);margin-top:12px}.panel ol{padding-left:24px;margin:12px 0 25px}.panel li{padding:4px}.search-input{width:100%;min-width:0;padding:12px 15px;border:1px solid #d9c5d2;border-radius:8px;background:#fff;color:var(--ink)}.reader-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.reader-actions button,.reader-actions a{background:#fff;border:1px solid #dfccd8;border-radius:7px;padding:7px 13px;font-size:13px}.reader-actions [aria-pressed=true]{background:#4a1a3a;color:#fff;border-color:#4a1a3a}.panel .story-grid{margin-top:24px}.chapter-list{margin-bottom:28px}.chapter-list a{display:flex;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.chapter-list a>span:last-child{margin-left:auto}.chapter-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0;font-size:13px}.chapter-nav a{background:#f2e4ed;padding:6px 13px;border-radius:6px;color:#6f2f53}.breadcrumbs{display:flex;gap:10px;font-size:12px;color:#876379;margin-bottom:18px}.reader{max-width:840px;margin-inline:auto;font-size:18px;line-height:2}.reader p{color:var(--ink);text-align:justify}.reader.large{font-size:22px}.reader h2{line-height:1.6;font-size:25px;margin-top:28px}.reader h3{font-size:16px;color:#a0396b}.reader section{margin-block:32px}.reader .story-cover{aspect-ratio:3/2;width:100%;height:auto;border-radius:11px}.story-end{text-align:center!important;color:#a0396b!important;font-size:14px}.resume{background:#f1e0eb;border-left:4px solid #b24a7a;padding:16px 20px;margin-top:24px;display:flex;justify-content:space-between;gap:16px;font-size:14px}.resume>span{color:#79546c;font-size:12px}.resume a{color:#833b63}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){#nav-menu{gap:19px}.story-grid{gap:18px}.card-body{padding:18px 16px 14px}.card-body h3{font-size:19px}.card-footer-custom{padding-inline:16px}.story-rail{gap:14px}.rail-card{display:block}.rail-card img{width:100%;height:auto;aspect-ratio:3/2}.rail-card>div{padding:16px}.install-strip{padding:30px}.install-strip h2{font-size:26px}}
@media(max-width:768px){.container{width:calc(100% - 32px)}.nav-inner{min-height:62px;flex-wrap:wrap;gap:0}.brand{font-size:21px}.brand-icon{font-size:27px}#nav-toggle{display:block;background:#ffffff09;border:1px solid #ffffff27;color:#fbd4e5;padding:3px 10px;border-radius:6px;font-size:24px;line-height:1.4}#nav-menu{display:none;flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0 14px}#nav-menu.open{display:grid}#nav-menu a{padding:8px 4px;text-align:center;font-size:13px}#nav-menu a:last-child{padding:8px 4px}.hero-section{padding:38px 0 49px}.hero-section h1{font-size:32px;letter-spacing:1px}.hero-kicker{font-size:11px;margin-bottom:14px;letter-spacing:2px}.hero-sub{font-size:20px;margin-top:15px}.hero-description{font-size:13px;margin-top:12px;max-width:450px}.hero-badges{gap:8px;margin-top:22px}.hero-badges span{font-size:11px;padding:4px 12px}.hero-actions{gap:15px;margin-top:23px}.hero-actions .button{font-size:13px}.hero-link{font-size:12px}.section{padding-top:36px}.section-title{font-size:24px;padding-left:13px;border-left-width:5px}.section-head{gap:10px;margin-bottom:23px}.more-link{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.6px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchform{padding:8px;gap:7px}.search-icon{font-size:26px;padding-inline:5px}.searchform input{font-size:13px}.searchform .button{font-size:12px;padding:9px 12px}.story-rail{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#c68aa8 transparent}.rail-card{flex:0 0 225px;scroll-snap-align:start}.rail-card h3{font-size:15px}.chapter-rows{padding-inline:19px}.chapter-rows>a{gap:15px;padding:19px 0}.chapter-rows h3{font-size:17px}.chapter-rows p{font-size:12px}.row-no{font-size:26px}.install-strip{display:block;padding:26px;margin-bottom:20px}.install-strip .button{margin-top:23px;font-size:13px}.install-strip h2{font-size:25px}.install-strip p:not(.eyebrow){font-size:13px}.footer-inner{display:block}.footer-inner nav{justify-content:start;gap:18px;margin:22px 0}.footer-custom{margin-top:30px}.panel{padding:23px}.panel h1{font-size:28px}.reader{font-size:18px}.reader.large{font-size:22px}.reader h2{font-size:24px}.resume{display:block}.resume a{display:block;margin-top:5px}}
@media(max-width:575px){.container{width:calc(100% - 28px)}.hero-section h1{font-size:29px;letter-spacing:0;white-space:nowrap}.hero-sub{font-size:19px}.hero-actions{flex-direction:column;gap:14px}.hero-description{max-width:330px}.search-wrap{margin-top:-23px}.search-icon{display:none}.searchform input{padding:9px 5px}.story-grid{grid-template-columns:minmax(0,1fr);gap:24px}.card-body{padding:18px 19px 16px}.card-body h3{font-size:21px;margin-block:11px 9px}.card-body p{font-size:14px}.card-footer-custom{padding:12px 19px;font-size:10px}.card-footer-custom a{font-size:12px}.cover-label{font-size:10px}.section-head{align-items:end}.section-title{font-size:22px}.section-head>.more-link{font-size:11px}.chapter-rows{padding-inline:16px}.chapter-rows h3{font-size:16px}.chapter-rows p{font-size:12px;line-height:1.7}.chapter-rows>a{gap:12px}.row-arrow{font-size:21px}.faq summary{font-size:15px}.faq details p{font-size:13px}.subpage{padding-block:25px 35px}.panel{padding:22px 17px;border-radius:14px}.panel h1{font-size:26px}.panel h2{font-size:22px}.reader{padding:20px;font-size:17px;line-height:2}.reader.large{font-size:21px}.reader h2{font-size:22px}.reader h3{font-size:15px}.chapter-nav{gap:7px;font-size:12px}.chapter-nav a{padding:5px 10px}.reader-actions{gap:8px}.reader-actions button,.reader-actions a{font-size:12px;padding:7px 10px}.search-input{font-size:14px}.panel .card-body{padding:17px}.panel .card-body h3{font-size:20px}.footer-inner nav{font-size:12px}.footer-inner p{font-size:11px}.install-strip{padding:25px 22px}.install-strip h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}