@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,600&display=swap');
*{box-sizing:border-box}body{margin:0;color:#592015;background:#fff9f5;font-family:'Nunito Sans',Arial,sans-serif}.visitor-shell{min-height:100vh;display:flex}.visitor-side{position:fixed;inset:0 auto 0 0;width:256px;display:flex;flex-direction:column;padding:26px 15px;background:linear-gradient(145deg,#fffdfa,#fff4ec);box-shadow:2px 0 20px #6e2d1712;z-index:2}.visitor-logo{text-align:center;height:126px}.visitor-logo img{width:185px;height:112px;object-fit:contain}.visitor-side nav{display:grid;gap:9px;margin-top:22px}.visitor-side nav a{display:flex;align-items:center;gap:17px;padding:15px;border-radius:11px;color:#2e211d;text-decoration:none;font-size:17px;font-weight:700}.visitor-side nav b{color:#9a280e;font-size:25px;line-height:1}.visitor-side nav a.active,.visitor-side nav a:hover{background:linear-gradient(100deg,#bd4d25,#db6d39);color:#fff;box-shadow:0 7px 13px #b9502731}.visitor-side nav a.active b,.visitor-side nav a:hover b{color:#fff}.visitor-side-bottom{margin-top:auto;padding:16px 23px;color:#74220e}.visitor-side-bottom i{display:block;font:italic 17px 'Playfair Display',serif;line-height:1.55}.visitor-side-bottom small{display:block;margin-top:70px;font-size:12px}.visitor-main{width:calc(100% - 256px);margin-left:256px}.visitor-header{height:80px;padding:16px 25px;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 13px #66230c0c}.visitor-header form{width:min(540px,54%);display:flex;align-items:center;padding:0 16px;border-radius:13px;background:#fff3ed}.visitor-header form label{font-size:26px;color:#a45b45}.visitor-header input{width:100%;padding:12px;border:0;background:transparent;font:14px inherit;outline:0}.visitor-user{display:flex;align-items:center;gap:11px;color:#651d10}.visitor-user>span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#fff0e7;color:#a1290f}.visitor-user b,.visitor-user small{display:block}.visitor-user small{font-size:11px;color:#a26957}.visitor-user a{margin-left:10px;color:#712514;text-decoration:none;font-size:21px}.visitor-content{width:min(1230px,calc(100% - 48px));margin:22px auto 45px}.visitor-hero{min-height:322px;display:flex;align-items:center;position:relative;overflow:hidden;padding:36px 30px;border-radius:18px;background:linear-gradient(110deg,#fffdfb 15%,#ffe7db 63%,#e8ad84);box-shadow:0 9px 22px #7d331316}.visitor-hero:after{content:'';position:absolute;right:-50px;bottom:-80px;width:390px;height:190px;background:#79310e38;border-radius:50%;filter:blur(5px)}.visitor-hero h1{margin:0;font-size:40px;line-height:1.15}.visitor-hero h1 em{font-style:normal;color:#cf512a}.visitor-hero p{font-size:18px;line-height:1.45}.visitor-hero>img{position:absolute;left:50%;top:33px;width:310px;height:230px;object-fit:contain}.visitor-hero q{margin-left:auto;z-index:1;text-align:center;color:#83260c;font:italic 21px 'Playfair Display',serif;line-height:1.42}.hero-points{display:flex;gap:16px;margin-top:28px;font-size:13px}.visitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0}.visitor-stats article{display:flex;gap:16px;align-items:center;min-height:112px;padding:18px 24px;border-radius:15px;background:#fff;box-shadow:0 7px 18px #71300e0b}.visitor-stats article:nth-child(1){background:#fff5f0}.visitor-stats article:nth-child(2){background:#fff0ec}.visitor-stats article:nth-child(3){background:#fff9e9}.visitor-stats>b{font-size:36px}.visitor-stats article>b{display:grid;place-items:center;width:63px;height:63px;border-radius:50%;background:#ffdfcf;color:#bd431c;font-size:29px}.visitor-stats strong,.visitor-stats span,.visitor-stats small{display:block}.visitor-stats strong{font-size:30px}.visitor-stats span{font-weight:700}.visitor-stats small{margin-top:4px;font-size:12px;color:#6d625c}.visitor-dashboard-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:17px}.visitor-panel{padding:16px;border-radius:16px;background:#fff;box-shadow:0 7px 18px #71300e0d}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{margin:0;color:#752211;font-size:24px}.panel-title h2:before{content:'';display:inline-block;width:5px;height:28px;margin-right:12px;border-radius:8px;background:#d65028;vertical-align:middle}.panel-title a,.visitor-card>a,.public-innovation footer a,.guide-public-grid a{color:#ce4b21;text-decoration:none;font-weight:800;font-size:13px}.visitor-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:14px}.visitor-card{position:relative;padding:0 10px 12px;border-radius:11px;background:#fff;box-shadow:0 4px 13px #73351212}.card-image,.public-image{display:grid;place-items:center;height:108px;overflow:hidden;border-radius:9px;background:#fde1d2;color:#c6461d;text-decoration:none;font-size:35px}.card-image img,.public-image img,.detail-picture{width:100%;height:100%;object-fit:cover}.visitor-card i,.public-innovation i{display:inline-block;margin-top:-18px;position:relative;padding:4px 9px;border-radius:10px;background:#dc612e;color:#fff;font-size:11px;font-style:normal}.visitor-card h3{margin:7px 0 1px;font-size:15px}.visitor-card small{font-size:12px;color:#625b57}.visitor-card p{min-height:49px;font-size:12px;line-height:1.45;color:#625b57}.announcement-panel article{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #f2dfd7}.announcement-panel time{display:grid;place-content:center;width:54px;height:54px;border-radius:9px;background:#fff0e7;color:#a42d14;font-size:22px;font-weight:900;text-align:center}.announcement-panel time small{font-size:10px;font-weight:400}.announcement-panel b{font-size:14px}.announcement-panel p{margin:3px 0 0;color:#605b58;font-size:12px;line-height:1.35}.page-intro{display:flex;gap:17px;align-items:center;padding:26px;border-radius:16px;background:linear-gradient(110deg,#fff5ef,#ffeadc)}.page-intro>span{display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:#ffd8c4;color:#bc471f;font-size:31px}.page-intro h1{margin:0;font-size:31px}.page-intro p{margin:4px 0 0;color:#855b4e}.visitor-tabs{display:flex;gap:10px;margin:19px 0}.visitor-tabs a{padding:10px 16px;border:1px solid #e5b39d;border-radius:9px;color:#813016;text-decoration:none;font-weight:800}.visitor-tabs a.active,.visitor-tabs a:hover{background:#c95027;color:#fff}.innovation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.public-innovation{padding:12px;border-radius:15px;background:#fff;box-shadow:0 7px 17px #71300e11}.public-image{height:180px}.public-innovation h2{margin:7px 0 2px;font-size:19px}.public-innovation small{color:#895d4c}.public-innovation p{min-height:53px;color:#625b57;font-size:13px;line-height:1.45}.public-innovation footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1e2dc;padding-top:9px;color:#805e52;font-size:12px}.empty{padding:28px;color:#87665b;text-align:center}.back{display:inline-block;margin-bottom:13px;color:#b8441e;text-decoration:none;font-weight:800}.detail-head{padding:29px;border-radius:16px;background:linear-gradient(105deg,#fff1e9,#ffe5d5)}.detail-head i{color:#bd431e;font-style:normal;font-weight:800}.detail-head h1{margin:5px 0;font-size:36px}.detail-head p{margin:0;color:#784d40}.detail-head div{display:flex;gap:15px;margin-top:14px;font-size:13px}.detail-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.8fr);gap:18px;margin-top:18px}.detail-grid main>article,.detail-grid aside>section,.like-form{margin-bottom:16px;padding:20px;border-radius:15px;background:#fff;box-shadow:0 6px 16px #71300e10}.detail-grid h2,.comment-list h2{margin:0 0 12px;font-size:21px}.detail-grid p{line-height:1.6;color:#634b42}.detail-picture{display:block;max-height:430px;border-radius:15px;object-fit:contain;background:#fff}.detail-grid iframe{width:100%;height:520px;border:1px solid #edd9cf;border-radius:9px}.like-form button,.comment-box button{width:100%;padding:12px;border:0;border-radius:9px;background:#c64d27;color:#fff;font:800 14px inherit;cursor:pointer}.like-form button:disabled{background:#d6a291;cursor:default}.comment-box input,.comment-box textarea{width:100%;margin:0 0 10px;padding:10px;border:1px solid #e8c9bd;border-radius:8px;font:13px inherit}.comment-box textarea{min-height:110px;resize:vertical}.video-link{padding:40px;text-align:center;background:#2b1611;border-radius:10px}.video-link a{color:#fff;text-decoration:none;font-weight:800}.comment-list{padding:20px;border-radius:15px;background:#fff;box-shadow:0 6px 16px #71300e10}.comment-list article{padding:12px 0;border-top:1px solid #f1e2dc}.comment-list time{margin-left:8px;color:#957a6f;font-size:11px}.comment-list p{margin:6px 0 0;color:#62453a}.guide-public-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px}.guide-public-grid article{display:flex;gap:15px;padding:20px;border-radius:14px;background:#fff;box-shadow:0 6px 16px #71300e10}.guide-public-grid>b{display:grid;place-items:center;width:64px;height:76px;border-radius:8px;background:#fbe0d5;color:#c24720}.guide-public-grid h2{margin:0;font-size:18px}.guide-public-grid small,.guide-public-grid a{display:block;margin-top:7px}.about-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.about-public-grid article,.public-author{padding:25px;border-radius:15px;background:#fff;box-shadow:0 6px 16px #71300e10}.about-public-grid h2{margin:0;color:#742411;font-size:24px}.about-public-grid p{color:#62473d;line-height:1.65;text-align:justify}.about-public blockquote{margin:20px 0 0;padding:18px;border-radius:10px;background:#fff0e9;color:#a23b1a;text-align:center;font:italic 19px 'Playfair Display',serif}.public-logo{text-align:center}.public-logo img{width:90%;height:250px;object-fit:contain}.public-author{display:flex;gap:20px;align-items:center;margin-top:16px}.public-author img{width:130px;height:130px;border:5px solid #fde1d6;border-radius:50%;object-fit:cover;object-position:top}.public-author h2{margin:3px 0;color:#742411}.public-author p{margin:0;color:#754a3c}@media(max-width:1000px){.visitor-hero>img{opacity:.35}.visitor-dashboard-grid{grid-template-columns:1fr}.announcement-panel{display:none}.innovation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.visitor-side{position:static;width:100%;height:auto;padding:10px;flex-direction:row;align-items:center}.visitor-logo{height:auto}.visitor-logo img{width:100px;height:55px}.visitor-side nav{display:flex;margin:0;gap:2px;overflow:auto}.visitor-side nav a{padding:9px;font-size:12px;white-space:nowrap}.visitor-side nav b{font-size:15px}.visitor-side-bottom{display:none}.visitor-shell{display:block}.visitor-main{width:100%;margin:0}.visitor-header{height:auto;padding:11px}.visitor-header form{width:65%}.visitor-user small{display:none}.visitor-content{width:calc(100% - 24px);margin:12px auto}.visitor-hero{min-height:270px;padding:24px}.visitor-hero h1{font-size:30px}.visitor-hero p,.hero-points,.visitor-hero q{display:none}.visitor-stats,.visitor-cards,.innovation-grid,.about-public-grid,.guide-public-grid,.detail-grid{grid-template-columns:1fr}.visitor-stats article:nth-child(3){display:none}.visitor-cards{grid-template-columns:1fr}.visitor-card{min-height:120px}.card-image{float:left;width:120px;margin-right:10px}.detail-head h1{font-size:28px}.detail-grid iframe{height:380px}.public-author{align-items:flex-start}.visitor-tabs{overflow:auto}.visitor-tabs a{white-space:nowrap}}
