:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#172e40;background:#f4f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #cbd5db;background:#fff;color:#173a55;border-radius:5px;padding:10px 16px;transition:.15s}button:hover{background:#e9eff3}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;padding:0 5%;gap:40px;border-bottom:1px solid #dce3e7;background:#fff}.brand{display:flex;gap:15px;align-items:center;letter-spacing:2px;white-space:nowrap}.brand b{font-size:34px;letter-spacing:-2px}.brand b span{color:#b9cbd7;font-weight:400}.brand>span{font-size:11px;font-weight:700}nav{display:flex;gap:6px;height:100%;align-items:center}nav button{height:100%;border:0;border-radius:0;background:transparent;color:#697c89;font-size:13px;border-bottom:3px solid transparent;padding-top:13px}nav button.active{border-bottom-color:#1d6087;color:#173c56}.tools{margin-left:auto;display:flex;align-items:center;gap:12px}.tools button{border:0;font-size:12px;padding:7px}.pill{font-size:9px;letter-spacing:1px;border:1px solid #d3dfe5;border-radius:20px;padding:7px 10px;color:#617782}main{max-width:1440px;margin:auto;padding:0 6% 60px}.hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:460px;align-items:center;border-bottom:1px solid #d5dfe5;gap:20px;padding:40px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#557b93;margin-bottom:25px}h1{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-2px;font-weight:500;max-width:600px;margin:0 0 24px}.lead{font-size:16px;line-height:1.8;color:#617582;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:30px}.primary{background:#184c70;color:#fff;border-color:#184c70}.primary:hover{background:#246589;color:#fff}.primary span{padding-left:24px}.identity{font-size:9px;letter-spacing:1px;color:#6c8594}.hero-art{height:360px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#dce9ef,transparent 70%)}.book{height:290px;width:215px;background:#173c59;color:#fff;box-shadow:15px 25px 35px #15364a30,5px 2px #fff,8px 2px #b7c3ca;transform:rotate(-9deg);padding:26px 22px;position:relative;z-index:1;border-left:8px solid #0f3048;display:flex;flex-direction:column;justify-content:space-between}.book>div{font-size:24px;line-height:.8}.book small{font-size:7px;letter-spacing:2px}.book strong{font-size:25px;line-height:1.2;font-weight:400}.book>span{font-size:7px;letter-spacing:1px}.orbit{border:1px solid #a7c1d1;border-radius:50%;width:420px;height:180px;position:absolute;transform:rotate(-25deg)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:30px 0}.section-label h2{font-size:22px;font-weight:500}.section-label>span{font-size:10px;letter-spacing:1px;color:#718793}.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.publication{min-width:0}.cover{height:310px;background:#e5ecf0;width:100%;border:0;border-radius:0;position:relative;padding:23px;overflow:hidden}.cover img{height:100%;max-width:95%;object-fit:contain;box-shadow:5px 10px 20px #12344b25}.cover>span{position:absolute;right:14px;bottom:14px;background:#fff;border-radius:50%;padding:9px 13px}.metadata{display:flex;justify-content:space-between;font-size:10px;color:#6a8291;letter-spacing:1px;margin-top:22px}.publication h3{font-size:21px;font-weight:500;margin:13px 0}.publication p{color:#71818d;font-size:13px;line-height:1.6;min-height:40px}.read-link{background:transparent;border:0;border-top:1px solid #d5dfe5;width:100%;text-align:left;padding:16px 0;font-size:12px;font-weight:700}.read-link span{float:right}.panel{background:#fff;border:1px solid #dce4e9;border-radius:8px;padding:25px}.empty{text-align:center;padding:55px 20px}.empty h2{font-weight:500}.empty p,.muted{color:#6d8290;font-size:13px}.section-top{display:flex;justify-content:space-between;align-items:center;padding:48px 0 24px}.section-top h1{font-size:42px;margin-bottom:14px}.section-top .eyebrow{margin-bottom:18px}.section-top p{color:#728795}.status-dot{font-size:11px;color:#5d7889}.status-dot:before{content:"●";color:#3c827e;margin-right:8px}.admin-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:30px;align-items:start}.panel h2{font-size:20px;font-weight:500;margin-top:0}label{font-size:12px;display:block;margin:17px 0;color:#496577}input,textarea,select{display:block;width:100%;border:1px solid #c9d6df;border-radius:4px;padding:11px;background:#fff;margin-top:8px;color:#1a3b53}textarea{resize:vertical;min-height:74px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 15px;border:1px dashed #9db5c5;background:#f6f9fb}.dropzone>span{font-size:30px}.dropzone input{font-size:11px}.upload>.primary{width:100%}.note{font-size:11px;color:#718797;line-height:1.6}.edition{margin-bottom:16px}.edition-title{display:flex;justify-content:space-between;gap:15px;align-items:start}.edition p{font-size:12px;color:#708392}.badge{border-radius:20px;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;background:#eff4f7}.badge.published{background:#e6f3ec;color:#26734f}.badge.error{background:#fce9e8;color:#a43d35}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.expiry{display:flex;gap:15px;align-items:center;margin-top:0}.expiry input{width:90px;margin:0}.error{color:#a43d35!important}progress{width:88%;margin:15px 10px 15px 0;accent-color:#28678e}.login{max-width:440px;margin:20px auto 60px}.login .primary{width:100%;margin-top:8px}.alert{padding:15px 6%;background:#fff0e8;color:#8a4931;font-size:13px;display:flex;justify-content:space-between;align-items:center}.alert button{border:0;padding:0 8px;background:transparent;font-size:22px}.reader-shell{height:calc(100vh - 88px);display:flex;flex-direction:column}.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 3%;background:#fff;border-bottom:1px solid #d7e0e5}.reader-heading strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-heading button{font-size:12px}.reader-shell iframe{border:0;width:100%;flex:1;min-height:0}footer{padding:25px 6%;border-top:1px solid #d5dfe5;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#7a8d99;font-size:10px}footer>span{letter-spacing:1px;color:#315570}footer p{margin:0}footer a{color:#315570}@media(max-width:900px){header{padding:0 4%;gap:18px}.brand>span{display:none}.pill{display:none}main{padding:0 5% 40px}.hero{grid-template-columns:1.2fr 1fr}.hero-art{height:310px}.books{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr 1.1fr;gap:18px}.panel{padding:20px}.tools{gap:0}.reader-heading strong{max-width:35%}}@media(max-width:600px){header{height:auto;min-height:72px;gap:10px;flex-wrap:wrap;padding:12px 5%}.brand b{font-size:29px}nav{order:3;width:100%;height:35px}nav button{padding:0 12px;font-size:12px}.tools button{font-size:11px}.hero{grid-template-columns:1fr;padding:32px 0;min-height:0}.hero-art{display:none}h1{font-size:40px}.lead{font-size:14px}.eyebrow{font-size:8px}.books{grid-template-columns:1fr;gap:25px}.cover{height:330px}.section-top{padding:30px 0}.section-top h1{font-size:32px}.status-dot{display:none}.admin-grid{grid-template-columns:1fr}.reader-shell{height:calc(100dvh - 115px)}.reader-heading{flex-wrap:wrap}.reader-heading strong{max-width:45%;order:3;width:100%;max-width:100%}.reader-heading button{padding:7px;font-size:11px}footer{flex-wrap:wrap;gap:10px}footer p{width:100%;order:3}.expiry{font-size:11px}}.list-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.list-tools strong{font-size:14px;font-weight:500}.danger{color:#a53932;border-color:#e3c6c3}.danger:hover{background:#fbecea}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#142f4580;display:grid;place-items:center;padding:20px}.confirm-dialog{background:#fff;border-radius:9px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 70px #102a4a40}.confirm-dialog h2{font-size:22px;font-weight:500;margin-top:0}.confirm-dialog p{font-size:14px;color:#607585;line-height:1.7}.confirm-dialog .actions{justify-content:flex-end}.badge.unpublished{background:#fff2da;color:#886013}.badge.deleted{background:#eceff1;color:#586b79}.reader-setting{display:flex;gap:16px;align-items:center;justify-content:space-between}.reader-setting select{width:120px;margin:0}.command-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;padding:10px;flex-shrink:0}.command-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.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}.reader-heading .command-icon{width:40px;min-width:40px;height:38px;padding:8px}.reader-heading strong{flex:1;text-align:center}.upload>.command-icon{width:100%}.integration-settings{margin-top:22px;border-top:1px solid #dbe4e9;padding-top:16px}.integration-settings summary{cursor:pointer;font-size:13px;color:#214e6c}.integration-settings code{overflow-wrap:anywhere;font-size:10px}.mark-fields .form-row{grid-template-columns:1fr 1fr}.check-field{display:flex;align-items:center;gap:10px}.check-field input{width:auto;margin:0}.platform-admin{margin-top:32px}.platform-admin>form{max-width:600px}.platform-admin .actions a{align-self:center;color:#205d81;font-size:13px;text-decoration:underline}.platform-admin h3{font-size:16px;font-weight:500;margin-top:24px}.user-list{margin-top:22px}.user-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #dbe4e9;font-size:12px}.user-row select{width:140px;margin:0}.user-row details{max-width:300px}.user-row summary{cursor:pointer}.user-row input{min-width:220px}.user-row form button{margin-top:8px}.integration-settings button{font-size:12px}.integration-settings [role=status]{font-size:12px;color:#26734f}.admin-subnav{display:flex;height:auto;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d5dfe5;margin:0 0 28px;padding:0 0 12px}.admin-subnav a{display:block;padding:10px 15px;border-radius:5px;font-size:13px;color:#567080}.admin-subnav a:hover{background:#e8eff3;color:#173a53}.admin-subnav a[aria-current=page]{background:#194e6d;color:#fff}.admin-subnav a:focus-visible{outline:2px solid #286b90;outline-offset:3px}.admin-subnav+.platform-admin{margin-top:0}@media(max-width:600px){.admin-subnav{order:initial;width:auto;height:auto;gap:5px}.admin-subnav a{padding:10px 12px}}.shop-connection{max-width:760px;margin-bottom:30px;border-bottom:1px solid #dbe4e9;padding-bottom:28px}.shop-connection fieldset{border:0;margin:0;padding:0;min-width:0}.shop-connection small{display:block;font-size:10px;color:#718797;font-weight:400;margin-top:5px;overflow-wrap:anywhere}.setting-copy{display:flex;align-items:center;gap:8px}.setting-copy input{flex:1;min-width:0}.setting-copy button{flex-shrink:0;margin-top:8px}.shop-key-settings{margin:22px 0;padding:18px;border:1px solid #d8e3ea;border-radius:6px;background:#f7fafb}.shop-key-settings h4{font-size:14px;font-weight:500;margin:0 0 10px}.generated-shop-key{padding:12px;margin-top:15px;background:#fff;border:1px solid #96b5c8;border-radius:4px}.generated-shop-key input{font-family:monospace;font-size:12px}.shop-connection [role=status]{font-size:12px;line-height:1.6;padding:10px;background:#eaf4ee;border-radius:4px}.shop-connection form button{font-size:12px}@media(max-width:600px){.setting-copy{align-items:stretch;flex-direction:column;gap:0}.setting-copy button{align-self:flex-start}.shop-key-settings{padding:12px}.shop-connection form button{max-width:100%;white-space:normal}}
