body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--panel-bg:#fffbf5f2;--border:#6b9b7a40;--error-bg:#f443361a;--error-border:#f443364d;--error-text:#c62828;--success-bg:#4caf501f;--success-border:#4caf504d;--success-text:#2e7d32}[data-theme=dark]{--panel-bg:#303a39ed;--border:#8bc4a840;--error-bg:#f443362e;--error-border:#f4433666;--error-text:#ffab91;--success-bg:#4caf5033;--success-border:#4caf5066;--success-text:#a5d6a7}html{background:linear-gradient(135deg,#fff9f5,#fef0e8 50%,#fce8df);background:var(--bg-gradient);background-attachment:fixed;background-position:50%;background-size:cover;transition:background .3s ease}body,html{height:100%;margin:0}body{color:#3d3d38;color:var(--text-primary);font-family:Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:18px;transition:color .3s ease}#root,body{background:#0000}#root{height:100%}.App{background:#0000;min-height:100vh}.article-detail-container,.article-list-container,.homepage-container{background:#0000!important}.app-container{align-items:flex-start;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:20px}.main-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:row;max-width:1600px;min-height:85vh;overflow:hidden;transition:all .3s ease;width:95vw}.main-layout.control-panel-hidden{justify-content:center;max-width:1200px;width:75vw}.text-panel{background:#0000;display:flex;flex:3 1;flex-direction:column;justify-content:flex-start;min-width:0;overflow-y:auto;padding:40px;transition:all .3s ease}.main-layout.control-panel-hidden .text-panel{flex:1 1;padding:40px 60px}.text-panel-header{align-items:center;border-bottom:2px solid #6b9b7a40;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.text-panel-header h2{color:#6b9b7a;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:0;position:relative}.text-panel-header h2:after{background:linear-gradient(90deg,#6b9b7a,#e0a890);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.toggle-control-panel-btn{align-items:center;background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;border-radius:50px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:16px;height:50px;justify-content:center;min-width:50px;padding:12px 16px;transition:all .3s ease}.toggle-control-panel-btn:hover{box-shadow:0 12px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.text-panel h2{color:#6b9b7a;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:30px;position:relative}.text-panel h2:after{background:linear-gradient(90deg,#6b9b7a,#e0a890);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.text-content{background:#0000;box-shadow:none;color:#3d3d38;color:var(--text-primary);font-size:20px;line-height:1.8;min-height:auto;padding:0}.control-panel{align-items:stretch;background:#fffbf5f2;background:var(--panel-bg);border-left:2px solid #6b9b7a40;border-left:2px solid var(--border);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:40px;transition:all .3s ease}.control-panel h2{color:#6b9b7a;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:30px;position:relative}.control-panel h2:after{background:linear-gradient(90deg,#6b9b7a,#e0a890);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:50px}.mode-toggle{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.mode-option{background:#0000;border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:999px;color:#6b6b65;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .2s ease}.mode-option.active{background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-color:#0000;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);color:#fff}.mode-option:not(.active):hover{background:#00000008}.picturebook-container{margin-top:10px}.picturebook-empty{background:#fff9;border-radius:12px;color:#6b6b65;color:var(--text-secondary);padding:20px}.picturebook-pages{display:flex;flex-direction:column;gap:20px}.picturebook-page{background:#ffffffe6;border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);gap:16px;padding:20px}.picturebook-left,.picturebook-page,.picturebook-right{display:flex;flex-direction:column}.picturebook-image-box{align-items:center;aspect-ratio:4/3;background:#f0f4ff;border:2px dashed #6b9b7a40;border:2px dashed var(--border);border-radius:12px;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:100%}.picturebook-page-label{background:#00000080;border-radius:999px;color:#fff;font-size:.8rem;left:12px;padding:4px 10px;position:absolute;top:8px}.picturebook-image-placeholder{color:#6b6b65;font-size:.9rem}.picturebook-text-box{align-items:flex-start;background:#fffffff2;border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:12px;display:flex;min-height:80px;padding:14px 18px}.picturebook-text-box p{margin:0;white-space:pre-wrap}.picturebook-difficulty-row{align-items:center;border-top:1px solid #6b9b7a40;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.picturebook-difficulty-row .difficulty-label{color:#3d3d38;color:var(--text-primary);font-size:.95rem;font-weight:600}.picturebook-difficulty-row .difficulty-btn{background:#fffbf5f2;background:var(--panel-bg);border:2px solid #6b9b7a40;border:2px solid var(--border);border-radius:20px;color:#3d3d38;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.picturebook-difficulty-row .difficulty-btn.active{background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-color:#6b9b7a;border-color:var(--primary-color);color:#fff}.picturebook-difficulty-row .difficulty-btn:disabled{cursor:not-allowed;opacity:.7}.picturebook-difficulty-row .difficulty-loading{color:#6b9b7a;color:var(--primary-color);font-size:.9rem;margin-bottom:4px;width:100%}.picturebook-page-controls{margin-bottom:12px}.picturebook-page-indicator{color:#6b6b65;font-size:.95rem}.picturebook-page-button{background:linear-gradient(45deg,#6b9b7a,#e0a890);box-shadow:0 8px 32px #00000014;font-size:.85rem;padding:6px 12px}.picturebook-page-button:disabled{background:#6b6b65}.picturebook-page-button:not(:disabled):hover{box-shadow:0 12px 40px #0000001f}.translate-btn{background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;border-radius:50px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:30px;padding:18px 32px;transition:all .3s ease;width:100%}.translate-btn:disabled{background:#6b6b65;background:var(--text-secondary);cursor:not-allowed;transform:none}.translate-btn:hover:not(:disabled){box-shadow:0 12px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.error-msg{background:#f443361a;background:var(--error-bg);border:1px solid #f443364d;border:1px solid var(--error-border);border-radius:15px;color:#c62828;color:var(--error-text)}.error-msg,.success-msg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px;margin-top:20px;padding:16px 20px}.success-msg{background:#4caf501f;background:var(--success-bg);border:1px solid #4caf504d;border:1px solid var(--success-border);border-radius:15px;color:#2e7d32;color:var(--success-text)}.original-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);color:#3d3d38;color:var(--text-primary);font-size:17px;margin-top:20px;max-width:90%;padding:16px 24px;word-break:break-word}.original-tooltip .tooltip-relative-hint{color:#6b6b65;color:var(--text-secondary);font-size:.85em;font-weight:400}.relative-adjust-popover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfaf7;background:var(--card-bg);border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0000001f;box-shadow:var(--shadow-hover);color:#3d3d38;color:var(--text-primary);padding:10px 12px;pointer-events:auto;position:fixed;z-index:10001}.relative-adjust-popover-header{color:#6b6b65;color:var(--text-secondary);font-size:.75rem;line-height:1.35;margin-bottom:8px}.relative-adjust-row{align-items:stretch;display:flex;gap:8px}.relative-adjust-btn{background:#fffbf5f2;background:var(--panel-bg);border:2px solid #6b9b7a40;border:2px solid var(--border);border-radius:10px;color:#3d3d38;color:var(--text-primary);cursor:pointer;flex:0 0 44px;font-size:1.35rem;font-weight:700;line-height:1;min-height:44px;transition:border-color .15s ease,background .15s ease}.relative-adjust-btn:hover:not(:disabled){background:#4a90e21f;border-color:#6b9b7a;border-color:var(--primary-color)}.relative-adjust-btn:disabled{cursor:not-allowed;opacity:.45}.relative-adjust-btn.minus{color:#6b9b7a;color:var(--primary-color)}.relative-adjust-btn.plus{color:#e0a890;color:var(--accent-color)}.relative-adjust-center{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:0 4px}.relative-adjust-label{color:#3d3d38;color:var(--text-primary);font-size:.82rem;font-weight:600}.relative-adjust-snippet{color:#6b6b65;color:var(--text-secondary);font-size:.72rem;max-height:3.2em;overflow:hidden;word-break:break-word}.relative-adjust-close{background:#0000;border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:8px;color:#6b6b65;color:var(--text-secondary);cursor:pointer;font-size:.8rem;margin-top:8px;padding:6px 10px;width:100%}.relative-adjust-close:hover{border-color:#6b9b7a;border-color:var(--primary-color);color:#3d3d38;color:var(--text-primary)}@media (max-width:768px){body{font-size:14px}.app-container{padding:10px}.main-layout{border-radius:15px;flex-direction:column;min-height:auto;width:98vw}.main-layout.control-panel-hidden{width:98vw}.text-panel{border-bottom:2px solid #6b9b7a40;border-bottom:2px solid var(--border);flex:none;padding:20px 15px}.text-panel-header{margin-bottom:15px;padding-bottom:10px}.text-panel-header h2{font-size:1.6rem;margin:0}.toggle-control-panel-btn{font-size:12px;height:40px;min-width:40px}.text-panel h2{font-size:1.6rem;margin-bottom:15px}.text-content{font-size:15px;line-height:1.6;min-height:auto;padding:0}.control-panel{border-left:none;flex:none;min-width:auto;padding:20px 15px}.control-panel h2{font-size:1.4rem;margin-bottom:15px}.translate-btn{font-size:14px;padding:12px 20px;width:100%}.translate-btn:active{transform:scale(.98)}input,select,textarea{font-size:14px}.error-msg,.success-msg{font-size:13px;padding:12px 16px}.original-tooltip{font-size:14px;padding:12px 16px}}@media (max-width:480px){body{font-size:12px}.app-container{padding:5px}.main-layout{border-radius:12px;width:99vw}.main-layout.control-panel-hidden{width:99vw}.control-panel,.text-panel{padding:15px 10px}.text-content{font-size:13px;line-height:1.5;padding:0}.text-panel h2,.text-panel-header h2{font-size:1.4rem}.control-panel h2{font-size:1.2rem}.navbar{-webkit-overflow-scrolling:touch;gap:2px;overflow-x:auto;padding:6px 2px}.navbar .login-button,.navbar .theme-toggle-button,.navbar a{font-size:.6em;min-width:45px;padding:3px 4px}.navbar .login-button{font-size:.55em;min-width:40px}.navbar .theme-toggle-button{font-size:.5em;min-width:40px}.translate-btn{font-size:12px;padding:10px 16px}input,select,textarea{font-size:12px}.error-msg,.success-msg{font-size:11px;padding:8px 12px}.original-tooltip{font-size:12px;padding:8px 12px}}.App{text-align:center}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border-radius:15px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);display:flex;gap:30px;justify-content:center;margin:20px;padding:20px}.navbar a{background:#0000;border-radius:25px;color:#3d3d38;color:var(--text-primary);font-size:1.1em;padding:12px 20px;text-decoration:none;transition:all .3s ease}.navbar a:hover{background:#6b9b7a;background:var(--primary-color);transform:translateY(-2px)}.login-button,.navbar a:hover{box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);color:#fff}.login-button{background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;border-radius:25px;cursor:pointer;font-size:1.1em;padding:12px 20px;transition:all .3s ease}.login-button:hover{box-shadow:0 12px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.theme-toggle-button{background:#0000;border:2px solid #6b9b7a40;border:2px solid var(--border);border-radius:25px;color:#3d3d38;color:var(--text-primary);cursor:pointer;font-size:1em;padding:10px 16px;transition:all .3s ease}.theme-toggle-button:hover{background:#6b9b7a;background:var(--primary-color);border-color:#6b9b7a;border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.global-site-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border:1px solid #6b9b7a40;border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);display:flex;justify-content:center;margin:28px 20px 32px;padding:14px 20px}.global-site-footer-link{border:1px solid #0000;border-radius:999px;color:#6b6b65;color:var(--text-secondary);font-size:.9rem;letter-spacing:.04em;padding:6px 14px;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}.global-site-footer-link:hover{background:#6b9b7a14;border-color:#6b9b7a59;color:#6b9b7a;color:var(--primary-color)}.global-site-footer-link:focus-visible{outline:2px solid #6b9b7a;outline:2px solid var(--primary-color);outline-offset:3px}@media (max-width:768px){.navbar{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:center;margin:10px;overflow-x:auto;padding:8px 4px}.navbar .login-button,.navbar .theme-toggle-button,.navbar a{flex:0 0 auto;font-size:.7em;min-width:auto;min-width:60px;padding:4px 6px;white-space:nowrap}.navbar .login-button{font-size:.65em;min-width:50px;padding:4px 5px}.navbar .theme-toggle-button{font-size:.6em;min-width:50px;padding:4px 5px}.global-site-footer{margin:16px 10px 22px;padding:12px 14px}}:root{--primary-color:#6b9b7a;--secondary-color:#5a8a6a;--accent-color:#e0a890;--text-primary:#3d3d38;--text-secondary:#6b6b65;--bg-gradient:linear-gradient(135deg,#fff9f5,#fef0e8 50%,#fce8df);--card-bg:#fffdfaf7;--shadow:0 8px 32px #00000014;--shadow-hover:0 12px 40px #0000001f}[data-theme=dark]{--primary-color:#8bc4a8;--secondary-color:#7ab898;--accent-color:#e0b8a8;--text-primary:#e8e6e1;--text-secondary:#b5b3ad;--bg-gradient:linear-gradient(135deg,#2d3636,#252d2d 50%,#1f2828);--card-bg:#2d3636f5;--shadow:0 8px 32px #00000040;--shadow-hover:0 12px 40px #00000059}.homepage-container{background:#0000;color:#3d3d38;color:var(--text-primary);font-family:Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;min-height:100vh;opacity:0;overflow-x:hidden;position:relative;transform:translateY(30px);transition:all .8s ease}.homepage-container.visible{opacity:1;transform:translateY(0)}.background-animation{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.floating-shapes{height:100%;position:relative;width:100%}.shape{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.shape-2{animation-delay:2s;height:120px;right:10%;top:60%;width:120px}.shape-3{animation-delay:4s;height:60px;left:80%;top:40%;width:60px}.shape-4{animation-delay:1s;bottom:20%;height:100px;left:20%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.homepage-container>*{position:relative;z-index:2}.homepage-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);margin:clamp(10px,2.2vw,20px);padding:clamp(40px,7vw,72px) clamp(16px,3vw,28px) clamp(34px,6vw,56px);text-align:center}.hero-section{margin:0 auto;max-width:920px}.main-title{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:clamp(2rem,5.2vw,3.4rem);font-weight:700;gap:clamp(8px,1.5vw,15px);justify-content:center;line-height:1.2;margin-bottom:clamp(16px,3vw,28px)}.title-word{animation:color-animation 4s linear infinite;animation:titleAnimation .8s ease forwards;opacity:0;transform:translateY(20px)}.title-word-1{animation-delay:.2s;color:#6b9b7a;color:var(--primary-color)}.title-word-2{-webkit-text-fill-color:#0000;animation-delay:.4s;background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text}.title-word-3{animation-delay:.6s;color:#5a8a6a;color:var(--secondary-color)}@keyframes titleAnimation{to{opacity:1;transform:translateY(0)}}@keyframes color-animation{0%{color:#6b9b7a;color:var(--primary-color)}32%{color:#e0a890;color:var(--accent-color)}55%{color:#5a8a6a;color:var(--secondary-color)}to{color:#6b9b7a;color:var(--primary-color)}}.title-word{animation:titleAnimation .8s ease forwards,color-animation 4s linear infinite;display:inline-block}.hero-tagline{animation:fadeInUp .8s ease forwards;animation-delay:.75s;color:#6b6b65;color:var(--text-secondary);font-size:clamp(1rem,2.3vw,1.15rem);line-height:1.75;margin:8px auto 0;max-width:520px;opacity:0}.hero-tagline strong{color:#6b9b7a;color:var(--primary-color);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.features-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);margin:20px;padding:60px 40px}.section-title{color:#3d3d38;font-size:2.5rem;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#6b9b7a,#e0a890);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-top:40px}@media (min-width:375px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{animation:cardAnimation .6s ease forwards;background:#fff9;border-radius:15px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);opacity:0;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transform:translateY(30px);transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{box-shadow:0 12px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-10px)}.feature-card.active{background:linear-gradient(135deg,#6b9b7a,#e0a890);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}@keyframes cardAnimation{to{opacity:1;transform:translateY(0)}}.feature-icon{animation:iconBounce 2s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:20px}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title{color:inherit;font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-description{color:inherit;font-size:1rem;line-height:1.6;opacity:.9}.download-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);margin:20px;padding:60px 40px;text-align:center}.download-content{margin:0 auto;max-width:600px}.download-description{color:#6b6b65;color:var(--text-secondary);font-size:1.2rem;line-height:1.8;margin-bottom:30px}.button-container{margin:40px 0}.download-button{align-items:center;background:linear-gradient(45deg,#6b9b7a,#e0a890);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:50px;box-shadow:0 4px 15px #6b9b7a4d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:15px;overflow:hidden;padding:18px 40px;position:relative;text-decoration:none;transition:all .3s ease}.download-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.download-button:hover:before{left:100%}.download-button:hover{box-shadow:0 8px 25px #6b9b7a66;transform:translateY(-3px)}.button-icon,.button-text{position:relative;z-index:1}.button-icon{animation:rocketShake 2s ease-in-out infinite;font-size:1.2rem}@keyframes rocketShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.note{color:#6b6b65;color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:20px}.homepage-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfaf7;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow);margin:20px;padding:40px;text-align:center}.footer-content{position:relative}.footer-text{color:#3d3d38;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:20px}.footer-decoration{display:flex;gap:10px;justify-content:center}.decoration-dot{animation:dotPulse 2s ease-in-out infinite;background:#6b9b7a;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.decoration-dot:nth-child(2){animation-delay:.3s}.decoration-dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (max-width:768px){.main-title{font-size:clamp(1.8rem,8vw,2.3rem);gap:8px 10px}.section-title{font-size:1.6rem}.features-grid{gap:15px;grid-template-columns:1fr}.download-section,.features-section,.homepage-footer,.homepage-header{margin:10px;padding:30px 15px}.download-button{font-size:.9rem;padding:12px 24px}.feature-card{padding:20px 15px}.feature-icon{font-size:2rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.9rem}}@media (max-width:480px){.main-title{font-size:clamp(1.55rem,8.2vw,1.9rem);gap:6px 8px}.section-title{font-size:1.3rem}.feature-card{padding:20px 15px}.feature-icon{font-size:1.8rem}.feature-title{font-size:1.1rem}.feature-description{font-size:.85rem}.download-button{flex-direction:column;font-size:.85rem;gap:8px;padding:10px 20px}.download-section,.features-section,.homepage-footer,.homepage-header{padding:20px 10px}}.rewrite-demo-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow);margin:20px;overflow:hidden;padding:48px 32px 52px;position:relative}.rewrite-demo-section:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color));content:"";height:4px;left:0;opacity:.85;position:absolute;right:0;top:0}.rewrite-demo-inner{margin:0 auto;max-width:720px}.rewrite-demo-intro{margin-bottom:28px;text-align:center}.rewrite-demo-title{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:.02em;margin:0 0 12px}.rewrite-demo-lead{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.rewrite-demo-card{background:#ffffff73;border:1px solid var(--border);border-radius:16px;padding:24px 22px 20px;text-align:left}[data-theme=dark] .rewrite-demo-card{background:#00000026}.rewrite-demo-tag{align-items:center;background:#6b9b7a1f;border:1px solid #6b9b7a40;border-radius:999px;color:var(--primary-color);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:18px;padding:6px 12px}.rewrite-demo-tag-dot{animation:rewrite-demo-pulse 1.4s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;height:8px;width:8px}@keyframes rewrite-demo-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.rewrite-demo-stage{display:flex;flex-direction:column;gap:14px;min-height:200px}.rewrite-demo-line{border-radius:12px;padding:14px 16px;transition:opacity .45s ease,transform .45s ease}.rewrite-demo-line.is-active{opacity:1;transform:translateY(0)}.rewrite-demo-line.is-dim{opacity:.35;transform:translateY(2px)}.rewrite-demo-label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.rewrite-demo-original{background:#ffffffa6;border:1px dashed #6b9b7a59}.rewrite-demo-result{background:#6b9b7a14;border:1px solid #6b9b7a47}.rewrite-demo-text{color:var(--text-primary);font-size:1.05rem;line-height:1.75;margin:0}.rewrite-demo-rewritten{border-bottom:2px solid var(--primary-color);color:var(--primary-color);display:inline;font-weight:500;padding-bottom:2px;text-shadow:0 0 10px #6b9b7a40}.rewrite-demo-thinking{align-items:center;display:flex;justify-content:center;min-height:36px;opacity:0;pointer-events:none;transform:scale(.98);transition:opacity .35s ease,transform .35s ease}.rewrite-demo-thinking.is-active{opacity:1;transform:scale(1)}.rewrite-demo-shimmer{-webkit-text-fill-color:#0000;animation:rewrite-demo-shimmer 1.2s linear infinite;background:linear-gradient(90deg,var(--accent-color) 0,var(--primary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--accent-color);font-size:.95rem;font-weight:600}@keyframes rewrite-demo-shimmer{to{background-position:200%}}.rewrite-demo-cta{margin-top:22px;text-align:center}.rewrite-demo-button{align-items:center;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:999px;box-shadow:0 4px 18px #6b9b7a59;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 28px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.rewrite-demo-button:hover{box-shadow:0 8px 24px #6b9b7a73;transform:translateY(-2px)}@media (max-width:768px){.rewrite-demo-section{margin:10px;padding:32px 16px 36px}.rewrite-demo-title{font-size:1.45rem}.rewrite-demo-stage{min-height:0}}.hero-rewrite-carousel{margin-left:auto;margin-right:auto;margin-top:28px;max-width:100%;text-align:center;width:min(100%,640px)}.hero-rewrite-eyebrow{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.12em;margin:0 0 16px;opacity:.85;text-transform:uppercase}.hero-rewrite-hook{align-items:center;animation:hero-rewrite-hook-in .55s ease both;background:#6b9b7a1f;border:1px solid #6b9b7a47;border-radius:999px;box-sizing:border-box;color:var(--primary-color);display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;margin-bottom:20px;max-width:100%;padding:8px 18px;text-align:left;white-space:normal}@keyframes hero-rewrite-hook-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-rewrite-hook-mark{animation:hero-rewrite-dot-breathe 1.5s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));border-radius:50%;box-shadow:0 0 0 3px #6b9b7a33;height:9px;width:9px}@keyframes hero-rewrite-dot-breathe{50%{opacity:.9;transform:scale(1.15)}}.hero-rewrite-stage{box-sizing:border-box;max-width:100%;min-height:168px;min-width:0;position:relative;text-align:left;width:100%}.hero-rewrite-block{border-radius:14px;box-sizing:border-box;max-width:100%;padding:16px 18px;transition:opacity .45s ease,transform .45s ease}.hero-rewrite-block.is-on{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-rewrite-block.is-off{opacity:.22;pointer-events:none;transform:translateY(6px)}.hero-rewrite-label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.hero-rewrite-text{color:var(--text-primary);font-size:1.15rem;line-height:1.75;margin:0}.hero-rewrite-original{background:#ffffff8c;border:1px dashed #6b9b7a59;margin-bottom:12px}[data-theme=dark] .hero-rewrite-original{background:#0000001f}.hero-rewrite-done{background:#6b9b7a1a;border:1px solid #6b9b7a4d;margin-top:12px}.hero-rewrite-highlight{border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-weight:600;padding-bottom:1px}.hero-rewrite-pulse{align-items:center;display:flex;justify-content:center;margin:4px 0;min-height:32px;opacity:0;transform:scale(.96);transition:opacity .35s ease,transform .35s ease}.hero-rewrite-pulse.is-on{opacity:1;transform:scale(1)}.hero-rewrite-pulse-inner{-webkit-text-fill-color:#0000;animation:hero-rewrite-pulse-shine 1s linear infinite;background:linear-gradient(90deg,var(--accent-color),var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;background-size:180% auto;font-size:.95rem;font-weight:700}@keyframes hero-rewrite-pulse-shine{to{background-position:180%}}.hero-rewrite-dots{display:flex;gap:8px;justify-content:center;margin-top:18px}.hero-rewrite-dot{background:var(--border);border-radius:50%;height:8px;transition:transform .3s ease,background .3s ease;width:8px}.hero-rewrite-dot.is-current{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));transform:scale(1.25)}@media (max-width:768px){.hero-rewrite-carousel{margin-top:20px}.hero-rewrite-stage{min-height:0}.hero-rewrite-text{font-size:clamp(.95rem,4vw,1.02rem);line-height:1.65}.hero-rewrite-hook{font-size:.84rem;padding:7px 12px}}.admin-upload-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:30px auto;max-width:1600px;padding:40px;text-align:left;width:95vw}.admin-upload-container h2{color:var(--primary-color);font-size:2.5em;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.admin-upload-container h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.admin-upload-layout{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr}.admin-upload-left,.admin-upload-right{display:flex;flex-direction:column;gap:16px;height:100%}.admin-upload-left{background:#ffffff0d;border:1px solid var(--border);border-radius:15px;padding:20px}.form-group-title{margin-bottom:20px}.title-input{background:var(--panel-bg);border:2px solid var(--border);border-radius:25px;box-sizing:border-box;color:var(--text-primary);font-size:1em;padding:14px 18px;width:100%}.title-input:focus{border-color:var(--primary-color);outline:none}.section-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 10px}.bulk-urls-section{background:#ffffff0d;border:1px solid var(--border);border-radius:15px;margin-bottom:24px;padding:20px}.bulk-urls-hint{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.bulk-urls-textarea{background:var(--panel-bg);border:2px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.95em;min-height:120px;padding:14px 18px;resize:vertical;width:100%}.bulk-urls-textarea:focus{border-color:var(--primary-color);outline:none}.bulk-urls-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.bulk-action-btn.secondary{background:var(--panel-bg);border:2px solid var(--border);box-shadow:none;color:var(--text-primary)}.bulk-action-btn.secondary:hover:not(:disabled){background:#4a90e214;border-color:var(--primary-color)}.picturebook-overview-section{background:#ffffff0d;border:1px solid var(--border);border-radius:15px;margin-top:28px;padding:20px}.overview-hint{color:var(--text-secondary);font-size:.9rem;margin:0 0 16px}.picturebook-overview-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:420px;overflow-y:auto;padding:4px}.overview-card{align-items:stretch;background:var(--card-bg);border:2px solid var(--border);border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:8px;padding:10px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.overview-card.active,.overview-card:hover{border-color:var(--primary-color)}.overview-card.active{box-shadow:0 0 0 2px #4a90e240}.overview-thumb{align-items:center;aspect-ratio:4/3;background:var(--panel-bg);border-radius:8px;display:flex;justify-content:center;overflow:hidden}.overview-thumb img{height:100%;object-fit:cover;width:100%}.overview-no-img{color:var(--text-secondary);font-size:.85rem}.overview-page-num{color:var(--primary-color);font-size:.85rem;font-weight:600}.overview-text-preview{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden}.image-url-box{background:var(--panel-bg);border:2px dashed var(--border);border-radius:15px;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.image-url-input{background:var(--card-bg);border:2px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:.95em;padding:12px 16px;width:100%}.image-url-input:focus{border-color:var(--primary-color);outline:none}.image-preview{border-radius:12px;margin-top:10px;max-height:260px;overflow:hidden}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview-4-3{align-items:center;aspect-ratio:4/3;background:var(--panel-bg);display:flex;justify-content:center;max-height:none}.image-preview-4-3 img{height:100%;object-fit:contain;width:100%}.image-hint{color:var(--text-secondary);font-size:.9rem;margin-top:8px}.page-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.page-indicator{color:var(--text-secondary);font-size:.95rem}.page-buttons{display:flex;gap:8px}.page-button{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;border-radius:20px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.page-button:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed}.page-button:not(:disabled):hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.upload-form .form-group{background:#ffffff0d;border:1px solid var(--border);border-radius:15px;margin-bottom:25px;padding:20px;transition:all .3s ease}.upload-form .form-group:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-2px)}.upload-form label{color:var(--text-primary);display:block;font-size:1.1em;font-weight:600;margin-bottom:10px}.upload-form input[type=text],.upload-form textarea{background:var(--panel-bg);border:2px solid var(--border);border-radius:25px;box-sizing:border-box;color:var(--text-primary);font-size:1em;padding:14px 18px;transition:all .3s ease;width:100%}.upload-form input[type=text]:focus,.upload-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none;transform:translateY(-1px)}.upload-form textarea{border-radius:15px;min-height:200px;resize:vertical}.file-upload-group{align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:15px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;padding:20px;transition:all .3s ease}.file-upload-group:hover{background:#ffffff14;border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-2px)}.file-upload-label{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:25px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 20px;transition:all .3s ease}.file-upload-label:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.file-input{display:none}.file-name{color:var(--text-secondary);flex-grow:1;font-size:1em}.load-file-button{background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));border:none;border-radius:25px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 20px;transition:all .3s ease}.load-file-button:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.load-file-button:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.submit-button{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:25px;box-shadow:var(--shadow);font-size:1.2em;margin-top:20px;padding:18px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.submit-button:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--success-bg);border:1px solid var(--success-border);border-radius:15px;color:var(--success-text);margin-top:20px;padding:16px 20px;text-align:center}@media (max-width:768px){.admin-upload-container{border-radius:15px;margin:20px auto;padding:30px 20px}.admin-upload-layout{grid-template-columns:1fr}.admin-upload-container h2{font-size:2rem}.file-upload-group{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.file-upload-label,.load-file-button,.submit-button{text-align:center;width:100%}}.article-list-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:30px auto;max-width:900px;padding:40px;text-align:center}.article-list-container h2{color:var(--primary-color);font-size:2.5em;font-weight:700;margin-bottom:30px;position:relative}.article-list-container h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.article-list{list-style:none;padding:0}.article-list-item{background:var(--panel-bg);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);margin-bottom:20px;padding:25px;transition:all .3s ease}.article-list-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.article-list-item a{color:inherit;display:block;text-decoration:none}.article-list-item h3{color:var(--primary-color);font-size:1.6em;font-weight:600;margin-bottom:15px;margin-top:0}.article-list-item p.article-date{color:var(--text-secondary);font-size:1em;margin-bottom:10px}.article-list-item p{color:var(--text-primary);line-height:1.6}@media (max-width:768px){.article-list-container{border-radius:15px;margin:20px auto;padding:30px 20px}.article-list-container h2{font-size:2rem}.article-list-item{margin-bottom:15px;padding:20px}.article-list-item h3{font-size:1.4em}}.article-detail-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:30px auto;padding:40px;text-align:left}.article-detail-with-processor{max-width:min(1600px,98vw)}.article-detail-container .app-container--embed{min-height:auto;padding:0;width:100%}.article-detail-container .app-container--embed .main-layout{max-width:100%;min-height:auto;width:100%}.picturebook-text-workspace{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.article-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:12px}.article-detail-header h2{margin:0}.article-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.article-action-btn{border:none;border-radius:20px;cursor:pointer;font-size:.95rem;padding:8px 16px;text-decoration:none;transition:all .2s ease}.article-action-btn.edit-btn{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff}.article-action-btn.edit-btn:hover{opacity:.9;transform:translateY(-1px)}.article-action-btn.delete-btn{background:#dc3545e6;color:#fff}.article-action-btn.delete-btn:hover{background:#dc3545;transform:translateY(-1px)}.article-action-btn.confirm-delete-btn{background:#dc3545;color:#fff}.article-action-btn.cancel-btn{background:var(--text-secondary);color:#fff}.delete-confirm-text{color:var(--text-secondary);font-size:.9rem;margin-right:4px}.article-detail-container h2{color:var(--primary-color);font-size:2.5em;font-weight:700;margin-bottom:20px;position:relative;text-align:center}.article-detail-container h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.article-detail-container p.article-date{border-bottom:2px solid var(--border);color:var(--text-secondary);font-size:1em;margin-bottom:30px;padding-bottom:20px;text-align:center}.article-content-display{word-wrap:break-word;color:var(--text-primary);font-size:1.1em;line-height:1.8;margin-bottom:30px;white-space:pre-wrap}.article-content-display p{margin-bottom:1em}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--error-bg);border:1px solid var(--error-border);border-radius:15px;color:var(--error-text);margin-top:20px;padding:16px 20px;text-align:center}.picturebook-detail{margin-top:24px}.picturebook-page-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.picturebook-page-indicator{color:var(--text-secondary);font-size:1rem}.picturebook-page-buttons{display:flex;gap:8px}.picturebook-page-button{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border:none;border-radius:999px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.picturebook-page-button:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed}.picturebook-page-button:not(:disabled):hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.picturebook-page-block{background:#ffffff0d;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:24px}.picturebook-image-wrap{align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:center;overflow:hidden;width:100%}.picturebook-image-wrap img{display:block;height:auto;max-width:100%}.picturebook-image-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:center;line-height:1.5;min-height:120px;padding:48px 20px;text-align:center;width:100%}.picturebook-text-block{padding:16px 0}.picturebook-page-text{word-wrap:break-word;color:var(--text-primary);font-size:1.1em;line-height:1.8;margin:0;white-space:pre-wrap}@media (max-width:768px){.article-detail-container{border-radius:15px;margin:20px auto;padding:30px 20px}.article-detail-container h2{font-size:2rem}.article-content-display{font-size:1em}}.control-panel-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);box-sizing:border-box;height:fit-content;max-width:100%;min-width:0;overflow:hidden;width:100%}.tab-navigation{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-bottom:1px solid var(--border);display:flex;padding:0}.tab-btn{background:#0000;border:none;color:#fffc;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:#fff3;color:#fff}.tab-btn.active:after{background:#fff;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.tab-content-container{box-sizing:border-box;max-height:500px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.control-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;margin-bottom:20px;max-width:100%;min-width:0;padding:16px}.sentence-percentage-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px;min-width:0}.sentence-percentage-row input[type=range]{flex:1 1 140px;margin:4px 0;min-width:0}.control-group label{color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:8px}.toggle-container{align-items:center;display:flex;gap:12px}.toggle-switch{appearance:none;background:var(--border);border-radius:13px;cursor:pointer;height:26px;position:relative;transition:all .3s ease;width:50px}.toggle-switch:checked{background:var(--primary-color)}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:22px}.toggle-switch:checked:after{transform:translateX(24px)}.toggle-label{color:var(--text-secondary);font-weight:500}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:3px;height:6px;margin:8px 0;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.percentage-display{background:var(--primary-color);border-radius:12px;color:#fff;display:inline-block;flex-shrink:0;font-size:14px;font-weight:600;margin-left:0;padding:4px 12px}select{background:var(--panel-bg);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.file-upload-section{background:linear-gradient(135deg,#4a90e21a,#764ba21a);border:2px dashed var(--primary-color);overflow:hidden}.file-upload-container{border-radius:12px;box-sizing:border-box;margin:12px 0;max-width:100%;min-width:0;overflow:hidden;position:relative;width:100%}.file-upload-input{cursor:pointer;font-size:0;height:100%;inset:0;margin:0;min-width:0;opacity:0;position:absolute;width:100%}.file-upload-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;box-shadow:0 4px 15px #4a90e24d;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:8px;justify-content:center;line-height:1.3;max-width:100%;padding:14px 12px;text-align:center;transition:box-shadow .3s ease,filter .3s ease;width:100%}.file-upload-btn:hover{box-shadow:0 6px 18px #4a90e259;filter:brightness(1.05)}.upload-icon{font-size:18px}.upload-hint{color:var(--text-secondary);display:block;font-size:13px;margin-top:8px;text-align:center}.user-section{align-items:center;background:#ffffff0d;display:flex;justify-content:space-between}.user-name{color:var(--primary-color);font-weight:600}.login-btn,.settings-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.login-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.settings-btn{background:#ffffff1a;border:1px solid var(--border);color:var(--text-primary)}.login-btn:hover,.settings-btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.style-selector{margin-bottom:8px}.language-hint{color:var(--primary-color);display:block;font-size:12px;font-weight:500;margin-top:4px}.custom-prompt-input{background:var(--panel-bg);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.custom-prompt-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.prompt-hint{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.prompt-display-section{background:linear-gradient(135deg,#4a90e21a,#764ba21a);border:2px solid var(--primary-color)}.prompt-display{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;margin:8px 0;min-height:20px;padding:12px}.prompt-text{color:var(--primary-color);font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:1px}.prompt-breakdown{background:#ffffff0d;border:1px solid var(--border);border-radius:6px;margin-top:8px;padding:8px}.breakdown-label{color:var(--text-secondary);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.breakdown-parts{display:flex;flex-wrap:wrap;gap:12px}.breakdown-base,.breakdown-style{border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:4px 8px}.breakdown-base{background:#4a90e233;border:1px solid #4a90e24d;color:var(--primary-color)}.breakdown-style{background:#764ba233;border:1px solid #764ba24d;color:var(--secondary-color)}.prompt-actions{display:flex;justify-content:center;margin-top:12px}.view-instruction-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 2px 8px #4a90e24d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-instruction-btn:hover{box-shadow:0 4px 12px #4a90e266;transform:translateY(-1px)}.help-section{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:2px solid var(--accent-color)}.help-content{margin-top:8px}.help-content p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:6px 0}.help-content strong{color:var(--accent-color);font-weight:600}.help-actions{display:flex;justify-content:center;margin-top:16px}.advanced-settings-btn{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 2px 8px #ffc1074d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.advanced-settings-btn:hover{box-shadow:0 4px 12px #ffc10766;transform:translateY(-1px)}.difficulty-hint{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.style-hint{color:var(--primary-color);display:block;font-style:italic;margin-top:4px}.theme-buttons{display:flex;gap:8px}.theme-btn{background:var(--panel-bg);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.theme-btn.active{background:var(--primary-color);color:#fff}.theme-btn.active,.theme-btn:hover{border-color:var(--primary-color)}.font-size-buttons{display:flex;gap:8px}.font-btn{background:var(--panel-bg);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease}.font-btn.active{background:var(--primary-color);color:#fff}.font-btn.active,.font-btn:hover{border-color:var(--primary-color)}@media (max-width:768px){.tab-navigation{flex-direction:row;flex-wrap:wrap}.tab-btn{flex:1 1;font-size:11px;min-width:0;padding:8px 6px}.tab-content-container{padding:12px}.control-group{margin-bottom:16px;padding:8px}.user-section{align-items:stretch;flex-direction:column;gap:12px}}.active-style-tag-container{align-items:center;display:flex;gap:10px;margin-bottom:20px;margin-top:-10px}.active-style-tag{border-radius:20px;box-shadow:0 2px 5px #0003;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.style-hint{color:var(--text-secondary);font-size:12px;font-style:normal}.draft-export-actions{display:flex;flex-wrap:wrap;gap:10px}.draft-btn,.export-btn{background:#ffffff14;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;min-width:120px;padding:10px 12px;transition:all .2s ease}.draft-btn:hover,.export-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-1px)}.draft-btn.secondary{opacity:.9}.draft-textarea{background:var(--panel-bg);border:2px solid var(--border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:120px;padding:12px;resize:vertical;width:100%}.draft-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.modal-content{animation:slide-in .2s ease-out;background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 4px 12px #0000001a;color:var(--text-primary);max-height:90vh;max-width:90%;overflow-y:auto;width:500px}.modal-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);padding:16px 20px}.modal-header h2{color:var(--text-primary);font-size:18px}.close-button{font-size:24px;padding:0}.close-button:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px;margin-top:0}.difficulty-settings{gap:16px}.difficulty-setting,.difficulty-settings{display:flex;flex-direction:column}.difficulty-setting label{color:var(--text-primary);font-weight:500;margin-bottom:6px}.difficulty-setting textarea{background:#fff;background:var(--panel-bg,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:60px;padding:10px;resize:vertical}.difficulty-setting textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6b9b7a33;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.reset-button,.save-button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.save-button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;color:#fff}.save-button:hover{filter:brightness(1.05);opacity:.9}.reset-button{background-color:#fff;background-color:var(--panel-bg,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);color:var(--text-secondary)}.reset-button:hover{background-color:#0000000a}.status-message{animation:fade-in .3s ease-out;background:var(--success-bg);border-radius:4px;color:var(--success-text);font-size:14px;margin-top:16px;padding:8px 12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.prompt-system-selector{background:linear-gradient(135deg,#6b9b7a1f,#e0a8901a);border:2px solid var(--primary-color);border-radius:12px;margin-bottom:24px;padding:20px}.prompt-system-selector h3{color:var(--primary-color);font-size:18px;font-weight:600;margin:0 0 16px}.system-buttons{display:flex;gap:12px;margin-bottom:12px}.system-btn{background:var(--panel-bg);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.system-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #6b9b7a59;color:#fff}.system-btn:hover{border-color:var(--primary-color);transform:translateY(-1px)}.system-description{color:var(--text-secondary);display:block;font-size:13px;line-height:1.4}.expert-hint{background:#6b9b7a1f;border-left:3px solid var(--primary-color);border-radius:4px;color:var(--primary-color);display:block;font-size:12px;font-style:italic;margin-top:4px;padding:4px 8px}.text-panel-outer{background:#0000;border:none;box-shadow:none;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;letter-spacing:.01em;line-height:1.8;min-height:auto;padding:0;text-align:start;transition:all .3s ease;white-space:pre-wrap}.text-panel-outer span{white-space:normal}.rewritten-sentence{background:#0000;border:none;border-bottom:2px solid var(--primary-color);border-radius:0;box-shadow:none;color:var(--primary-color);cursor:help;display:inline;font-weight:500;margin:0;padding:0 0 2px;position:relative;text-decoration:none;text-shadow:0 0 8px #4a90e24d;transition:all .3s ease;z-index:1}.rewritten-sentence:hover{background:#0000;border-bottom-color:var(--accent-color);border-bottom-width:3px;text-shadow:0 0 12px #4a90e299;z-index:1002}.rewritten-sentence:active,.rewritten-sentence:hover{box-shadow:none;transform:none}.text-content{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.text-panel-outer.reading-mode{background:#0000;color:var(--text-primary);font-size:20px;line-height:1.9;margin:0 auto;max-width:800px}.text-panel-outer.reading-mode .text-content{font-family:Georgia,Times New Roman,serif;text-align:justify}.text-panel-outer.dark-mode{background:#0000;border-color:#0000;box-shadow:none;color:var(--text-primary)}.text-panel-outer.dark-mode .rewritten-sentence{background:#0000;border-color:var(--primary-color);box-shadow:none;color:var(--primary-color);text-shadow:0 0 8px #66bb6a66}.text-panel-outer.dark-mode .rewritten-sentence:hover{background:#0000;border-bottom-color:var(--accent-color);box-shadow:none;text-shadow:0 0 12px #66bb6ab3}.text-panel-outer.high-contrast{background:#0000;border-color:#0000;color:var(--text-primary)}.text-panel-outer.high-contrast .rewritten-sentence{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.text-panel-outer.large-text{font-size:24px;line-height:2}.text-panel-outer.large-text .rewritten-sentence{border-bottom-width:3px;font-size:24px;padding:0}.text-panel-outer.compact-mode{font-size:16px;line-height:1.6;padding:0}.text-panel-outer.compact-mode .rewritten-sentence{border-bottom-width:2px;font-size:16px;padding:0}.rewritten-sentence:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.text-panel-outer{background:#0000;border:none;box-shadow:none;color:#000}.rewritten-sentence{background:#0000;border:1px solid var(--border);box-shadow:none;color:var(--text-primary);text-shadow:none}}@media (max-width:768px){.text-panel-outer{font-size:14px;line-height:1.6;padding:0}.rewritten-sentence{border-bottom-width:2px;font-size:14px;padding:0}}@media (max-width:480px){.text-panel-outer{font-size:12px;line-height:1.5;padding:0}.rewritten-sentence{border-bottom-width:1px;font-size:12px;padding:0}}.lazy-sentence-wrapper,.lazy-text-container,.lazy-text-content,.lazy-text-placeholder,.lazy-text-wrapper{position:relative;width:100%}.lazy-text-original{margin:0}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.user-modal{animation:slide-in .2s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 4px 24px #6b9b7a26;color:var(--text-primary);max-width:90vw;padding:0;width:400px}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1.5px solid #e6eaf0;border-bottom:1.5px solid var(--border,#e6eaf0);display:flex;justify-content:space-between;padding:24px 32px 12px}.modal-header h2{color:var(--primary-color);font-size:22px;font-weight:700;margin:0}.close-button{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1;padding:0 4px;transition:background .2s}.close-button:hover{background:#6b9b7a1a;color:var(--primary-color)}.modal-body{padding:28px 32px 32px}.form-group{margin-bottom:20px}.form-group label{color:var(--primary-color);display:block;font-size:16px;font-weight:600;margin-bottom:7px}.form-group input{background:#fafdff;background:var(--panel-bg,#fafdff);border:1.5px solid #c3d6ee;border:1.5px solid var(--border,#c3d6ee);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:12px 14px;transition:border .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6b9b7a33;outline:none}.form-actions{display:flex;flex-direction:column;gap:14px;margin-top:18px}.submit-button{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:8px;box-shadow:0 2px 8px #6b9b7a40;color:#fff;cursor:pointer;font-size:17px;font-weight:600;letter-spacing:1px;padding:13px 0;transition:opacity .2s,box-shadow .2s}.submit-button:hover{filter:brightness(1.05);opacity:.95}.toggle-mode-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:15px;font-weight:500;padding:8px 0 0;text-decoration:underline;transition:color .2s}.toggle-mode-button:hover{color:#357ac9}.status-message{border-radius:6px;box-shadow:0 2px 8px #4a90e20a;font-size:15px;font-weight:500;margin-top:12px;padding:10px 14px;text-align:center}.status-message.success{background-color:#e6f7e6;border:1.5px solid #b2dfdb;color:#2e7d32}.status-message.error{background-color:#ffebee;border:1.5px solid #ffcdd2;color:#c62828}.user-profile{text-align:center}.welcome-message{margin-bottom:20px}.welcome-message p{color:var(--primary-color);font-size:18px;font-weight:600}.user-stats{margin-bottom:24px;text-align:left}.user-stats p{color:var(--text-primary);font-weight:500;margin-bottom:8px}.user-stats ul{list-style:none;margin:0;padding:0}.user-stats li{color:var(--text-secondary);font-size:14px;padding:4px 0}.logout-button{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:18px;padding:12px 32px;transition:background .2s}.logout-button:hover{background-color:#d32f2f}
/*# sourceMappingURL=main.baf204b0.css.map*/